クリック式・マウスホバー式の【アコーディオン】をCSSだけで作る

についての「1番わかる」記事を
さがしておきました。
どうぞ。

custom-accordion
  • マウスホバー式・開閉1つタイプ

    CSSだけコピペOKマウスホバー式開閉状態は1つのタイプ

    マウスホバー式アコーディオンの作り方

    マウスホバー式のアコーディオンの作り方。
    1つ開くと他が自動的に閉じるタイプ。
    ※スマホの場合はクリック開閉式になります。

    デモを見る この記事を見る

    • スゴくよかった (6)
    • イマイチだった (0)
  • クリック式・複数開閉タイプ

    CSSだけコピペOKクリック式複数開閉が可能なタイプ

    クリック式アコーディオンの作り方

    クリック式のアコーディオンの作り方。
    複数を同時に開いた状態にできる。

    デモを見る この記事を見る

    • スゴくよかった (6)
    • イマイチだった (0)
  • クリック式・開閉1つタイプ

    CSSだけコピペOKクリック式開閉状態は1つのタイプ

    クリック式アコーディオンの作り方

    クリック式のアコーディオンの作り方。
    1つ開くと他が自動的に閉じるタイプ。

    デモを見る この記事を見る

    • スゴくよかった (6)
    • イマイチだった (0)
  • 1曲きいてく?