2011年09月06日に投稿

[jQuery]クリックするとびろ~んとスライドして表示されるメニューを作る

メニューをクリックすると、子カテゴリのメニューがびろ~んとスライドして表示されるメニューをjQueryで作ります。以下はHTMLを含めたサンプルになります。

jQueryにはslideToggleメソッドが用意されており、このような機能を簡単に実現できます。

6行目から10行目
クラス「toggle」が設定されたHTML要素がクリックされたら、次の要素(ここではulタグ)をびろ~んと表示するようにイベントを登録します。

13行目から15行目
最初は非表示にしておくため、あらかじめCSSで非表示にしておきます。

関連記事

Leave a Reply