gridでアコーディオンメニューの実装 - Qiitaはじめに 今回は、アコーディオンの開閉部分をgridでおこなう方法があることを知ったので、備忘録として記事にしました。 （私が知ってた）今までの実装 See the Pen accordion height by chisato (@mgkita) on CodePen. １．コンテンツの高さ（.accordion__body部分）に初期値としてheight: 0px;をcss設定し、コンテンツが表示されないようにする。 .accordion__body { height: 0px; overflow: hidden; transition: height 0.2s ease-out; } さらにoverflow: hidden;をつけることで、高さ（height: 0px;）を超えるコンテンツ（accordion__text部分）を表示しないようにしています。 ２．JSでクリック時のコン
