メニューをクリックすると、子カテゴリのメニューがびろ~んとスライドして表示されるメニューをjQueryで作ります。以下はHTMLを含めたサンプルになります。 jQueryにはslideToggleメソッドが用意されており、このような機能を簡単に実現できます。 [html] [/html] 6行目から10行目 クラス「toggle」が設定されたHTML要素がクリックされたら、次の要素(ここではulタグ)をびろ~んと表示するようにイベントを登録します。 13行目から15行目 最初は非表示にしておくため、あらかじめCSSで非表示にしておきます。 JavaScriptjQuery
![[jQuery]クリックするとびろ~んとスライドして表示されるメニューを作る](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)