こんにちは!セミマサです。 クリックで開け閉めできるアコーディオンメニューは多くのウェブサイトで見かけますよね!今回はjQuery6パターン、HTML5のみ1パターン、CSSのみで2パターン、計9パターンのアコーディオンメニューを作ったので作成方法をまとめていきたいと思います。 ※ソースに関して:複数回登場するクラス(accordion-inner等)は初出の部分にのみcssを記載しています。 <div class="accordion-inner"> <h3 class="heading">複数開けるタイプ</h3> <div class="accordion-box column"> <p class="accordion">アコーディオンA</p> <div class="accordion-content"> アコーディオンの中身です </div> </div> <div clas
![【jQuery/HTML5/CSS】アコーディオンメニューを9パターン作ってみた](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d6942622a108258163ff7503ed5f5e58664d695/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Fsemimasa.com%2Fwp-content%2Fuploads%2F2019%2F06%2Ftemplate-10.png%3Ffit%3D800%252C600%26ssl%3D1)