メニューをクリックすると、子カテゴリのメニューがびろ~んとスライドして表示されるメニューをjQueryで作ります。以下はHTMLを含めたサンプルになります。
jQueryにはslideToggleメソッドが用意されており、このような機能を簡単に実現できます。
[html]
[/html]
6行目から10行目
クラス「toggle」が設定されたHTML要素がクリックされたら、次の要素(ここではulタグ)をびろ~んと表示するようにイベントを登録します。
13行目から15行目
最初は非表示にしておくため、あらかじめCSSで非表示にしておきます。