jQuery不要のシンプルなjavascriptアコーディオンリスト 2015.09.01 css accordion, css, html, javascript, list, アコーディオン, リスト CSSのみでアコーディオンリスト2パターンではCSSのみで高さに汎用性がありませんでしたが、ちょこっとJavascriptを加えてあげることで気持ちよく動くアコーディオンリストができます。 ライブラリなどは不要です。 閉じるときのコードはたったの3行! See the Pen accordion list by natsumi (@mayo31) on CodePen.18228 開くときにsetTimeoutが入る理由としては、一度隠れている要素の高さを取得するためにoverflow:visible;を指定して、そのままhiddenにして流してしまうとリフローが起きる前にhiddenに
![jQuery不要のシンプルなjavascriptアコーディオンリスト - m31](https://cdn-ak-scissors.b.st-hatena.com/image/square/3be5631f13ac464e6c3e07cd06679c2f1fbebe8e/height=288;version=1;width=512/https%3A%2F%2Fblog.mayo31.info%2Fwp-content%2Fuploads%2F55673683_ml-1.jpg)