jQuery

[jQuery] アコーディオン風に開くメニューを作る

投稿日:2017年8月18日 更新日:

アコーディオン風に開くメニューのサンプルです。

サンプルソース

例)アコーディオン風に開くメニュー

実行サンプル

動作確認ができます。

メニュー1
あいうえおかきくけこあいうえおかきくけこあいうえおかきくけこあいうえおかきくけこあいうえおかきくけこ
メニュー2
あいうえおかきくけこあいうえおかきくけこあいうえおかきくけこあいうえおかきくけこあいうえおかきくけこ
メニュー3
あいうえおかきくけこあいうえおかきくけこあいうえおかきくけこあいうえおかきくけこあいうえおかきくけこ

解説

  • アニメーション速度を変更したい場合は、14行目のミリ秒を変更してください。

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[jQuery] インデックス指定で子要素を取得する(.eq)

インデックス指定で子要素を取得するには、.eq()を使用します。 サンプルソース 例)3番目の子要素を取得する [cra ...

[jQuery] ページを閉じる時に確認メッセージを表示する(beforeunload)

ページを閉じる時に確認メッセージを表示するには、beforeunloadを使用します。 しかし、beforeunload ...

[jQuery] XMLドキュメントかどうかを判定する($.isXMLDoc)

指定されたノードがXMLドキュメントかどうかを判定するには、$.isXMLDoc()を使用します。 サンプルソース 例) ...

[jQuery] 1回だけ有効なイベントを設定する(.one)

1回だけ有効なイベントを設定するには、oneを使います。 サンプル 例)ボタンを押すと1回だけアラート表示する [cra ...

[jQuery] jQueryのバージョンとタイプ

当記事は、「jQueryをダウンロードしようとしたら、いろいろなのがあってどれをダウンロードしたらいいか分からない!」と ...

スポンサーリンク