jQueryで超簡単アコーディオン(開閉式)メニュー jQuery入門&サンプル集はじめてでもできるjQueryでアコーディオンのメニューを作ってみたいと思います。 説明が長いかも知れませんが順を追って説明します。 ※デモ追加しました。 ではコードも少なく簡単にHTMLソースから。 <button>クリック</button> <ul> <li>AAAAAAAAAAAA</li> <li>AAAAAAAAAAAA</li> <li>AAAAAAAAAAAA</li> </ul> 上記ボタンをクリックするとしたのメニューが表示される形にします。テキストでももちろん可能ですが分かりやすいと思うのでボタンにしています。 ではjQueryのソースです。 $(function(){ $("ul").hide(); $("button").click(function(){ $("ul").slideToggle(); }); }) hideメソッドでulごと非常時にしています。 $
