簡単なjQueryのタブ切替サンプル | latup - 熊本でホームページ制作をしている人のメモ2009年 5月 4日 (月) / PM 11:06 ホームページ制作でタブやアコーディオンなどを設置する事があるのですが、そういうケースではjQueryが便利です。 昨日の簡単なアコーディオン処理のサンプルに続いて簡単なタブ切替処理のサンプルを作ってみました。 以下、サンプルの解説。 今回もjQueryはGoogleからもらい、jQueryの処理は外部ファイルとしてまとめます。 全体は実際のサンプルページのHTMLソースを参考して下さい。 <div id="tab"> <ul id="nav"> <li>タブ１</li> <li>タブ２</li> <li>タブ３</li> <li>タブ４</li> <li>タブ５</li> </ul> <div>タブ１の内容物</div> <div>タブ２の内容物</div> <div>タブ３の内容物</div> <div>タブ４の内容物</div
