CSSのみでアコーディオン・2パターン | かちびと.netResult 今更感半端ないですが、CSSのみでアコーディオン 全部開けられるやつと1つ開けると他が自動で閉まるやつの2パターンあります 両方ともinput要素と:checkedを使います 違いはcheckboxかradioか、なので基本的には同じコードで動きます css input {/*input要素自体は非表示にしておく*/ position: absolute; opacity: 0; z-index: -1; } /*アコーディオンのスタイリング*/ .tabs { border-radius: 8px; overflow: hidden; border:1px solid #ddd; border-top:none; } .tab { width: 100%; color: white; overflow: hidden; } .tab-label { display: fle
