jQuery UI Tabsを使ってタブを実装する方法を紹介します。 本当は4月1日は毎年エイプリルフールネタをエントリーしているのですが、今年は自粛します。 1.サンプル 以下に簡単なサンプルを用意しましたのでご覧ください。 サンプル 2.jQuery UI Tabsのダウンロード jQuery UIのページの「Download」をクリック。 「Toggle All」をクリックして、すべてのチェックを外します。 「Widgets」の「Tabs」をチェック。 ページ下にある「design a custom theme」をクリック。 「Theme Roller」でテーマを選択します。「Roll Your Own」タブではすべてを自分でカスタマイズできますが、最初は「Gallery」タブから決まったデザインを選択して、jQuery UIとテーマの対応の感触をつかんだ方がいいでしょう。 ここでは
![jQuery UI Tabsを使ってタブを実装する](https://cdn-ak-scissors.b.st-hatena.com/image/square/d8132a441efdc6dbad523685298e581c28b598c9/height=288;version=1;width=512/https%3A%2F%2Fwww.koikikukan.com%2Fimages%2F2011%2F04%2F20110401_jqueryui_tab_10.png)