アコーディオンパネルとは、タイトル領域をクリックすることで、コンテンツ部分が開閉するパネルのこと。

あるコンテンツが開くと、他のコンテンツが閉じる蛇腹式の挙動がアコーディオンに似ていることから、そのように呼ばれます。

jQuery UIでアコーディオンパネルを実装するには、Accordionウィジェットを利用します。

汎用的なダイアログボックスを実装するには、Dialogウィジェットを利用します。ダイアログのリサイズ、移動にも対応しています。

ダイアログには、文字列だけでなく、入力要素やボタンなど任意の要素を配置できますので、単なる補助情報の表示だけではなく、サブメニュー、選択などの用途などにも利用できます。

ツールチップを実装するには、Tooltipウィジェットを利用します。

ツールチップに表示するテキストは、title属性で表します。利用する要素に決まりはありません。また、ツールチップが関連づいていることを視覚的にも明らかにするために、サンプルでは、スタイルシートで下線を引いておきます。
あとは、ページ全体（document）に対して、tooltipメソッドを呼び出すことで、title属性を持つすべての要素がツールチップを表示するようになります。