**追記** この記事とは直接関係ありませんが、自作のタブプラグインを貼っておきます。 rin316/jquery.tab: jQuery tab plugin. **追記終わり** 仕事でjQueryを使ったタブメニューを作ったので忘れないようにメモ。 それぞれの挙動も比較しやすいように並べてみました。 今日が勉強初投稿の日! 写真:新川通りで撮った桜。 まずはファイルの用意 下記リンクからダウンロード。 ・jQuery本体…Past Releases内→最新バージョンのMinified ・Download Builder | jQuery UI (このサイトで使っているui.tabs.zip) head内にリンクを張る ダウンロードしたファイルに対して、head内にリンクを張ります。 [html] [/html] さっそく使ってみる 本文にhtmlを追加。 [html] タブ1 タブ2
![jQueryを使ったタブメニューの実装サンプルまとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/dc7234ac1862e70d4e51036cd83c7fa32775175e/height=288;version=1;width=512/http%3A%2F%2F5am.jp%2Fwordpress%2Fwp-content%2Fplugins%2Fjyokyoku-wp-ogp-customized-067a57a%2Fdefault.jpg)