タグ

ブックマーク / semimasa.com (1)

  • 【jQuery/HTML5/CSS】アコーディオンメニューを9パターン作ってみた

    こんにちは!セミマサです。 クリックで開け閉めできるアコーディオンメニューは多くのウェブサイトで見かけますよね!今回は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パターン作ってみた
    aoiasaba
    aoiasaba 2022/09/08
    これいいね!!!種類が豊富
  • 1