この見せ方は良いと思います。
Webサイトのコンテンツに注釈を載せたいと思うことは多いです。しかし注釈は一般的にフッターにまとめて載せるもので、クリックすると一番下まで移動してしまうのは読み手としては面倒でしょう。
そこで注釈の内容をツールチップ風に展開してくれるライブラリがBigfootになります。デザインとしてレスポンシブで、スマートフォンなどでも扱えるのが利点になります。
まず使い方としてはBigfootを読み込んだ後、注釈を出したい部分にリンクを埋め込みます。

<sup id="fnref:1"><br><a href="#fn:1" rel="footnote">1</a><br></sup>

  

そして注釈を記述します。一般的にはHTMLの下部にまとめて載せるかと思います。

  
1.   

注釈です。[↩](#fnref:1 "return to article")

  

  

これで準備は完了です。後は$.bigfoot();を実行するだけで注釈がツールチップ表示に変わります。例えば以下はオフの場合。注釈表示になって、数字が出ているのみです。

それがオンにすると**…**という表示に変わります。

クリックするとツールチップ風に注釈のテキストが表示されるようになります。

アニメーションもされますのでとても分かりやすいのではないかと思います。もちろんiPhoneでも問題なく使えます。


オプションとしてマウスオーバーから外れた場合に消すか否か、ページスクロールの解除、遅延表示などが指定できます。
Bigfootはヘルプ代わりに使うこともできると思われます。JavaScriptが使えない場合は通常の注釈として表示できるのも便利です。なお注釈をフッターに集めるメリットとしては、同じ注釈の使い回しが容易という点にあるでしょう。その点においてヘルプのツールチップとの使い分けになるかと思います。
BigfootはjQuery/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。
Bigfoot
pxldot/bigfoot