どうも、ジャングルオーシャンのミケです。 今日はjQueryで実装するアコーディオンメニューのご紹介だよ。 簡単すぎてあっという間に実装できてしまうので 「HTMLとCSSはわかるけどjQueryってなんだかとっつきにくいな~」「jQueryってなに?JavaScriptのらいぶらり?は?」 と思ってるそこのあなた!ぜひ見ていってね! ではいってみよう! アコーディオンメニューとは アコーディオンメニューってなんだよって人の為に説明するね。 クリックやタップをするとうにょ〜んと中身が出てきて もう一度クリックやタップをするとしゅ〜んと中身が閉じていく機能のことだよ。 Webサイトでよく見かけるアニメーションだよね。 要素が多くてごちゃごちゃしがちなデザインを収納するのによく使われるよね。 アコーディオンメニューのメリット・デメリットはこちらの記事を参考にしてみてね。 具体的なイメージは用意
![【コピペOK】jQueryのアコーディオンメニュー実装サンプル10選!](https://cdn-ak-scissors.b.st-hatena.com/image/square/430b433fdff3fb74f760069589c4b0c1159d2bd4/height=288;version=1;width=512/https%3A%2F%2Fwww.jungleocean.com%2Fwp%2Fwp-content%2Fuploads%2F2018%2F06%2Faccordion.png)