開閉の動作は、CheckBoxやjavascriptを使ったものではなく、focusを使ったのも特徴的 heightの高さの変化をtransitionで変化させたのではなく、marginの方を変化させています このCSSのmargin-top: -100%;と .acc-panel { padding: 1.5em; position: relative; float: left; clear: both; margin-top: -100%; z-index: 1; transition: all 1.2s ease; }