こんにちは!セミマサです。 クリックで開け閉めできるアコーディオンメニューは多くのウェブサイトで見かけますよね!今回は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