[JS]アニメーションの動きがキモチイイ、アコーディオンのスクリプト

ストンッと緩急のある動きをするアニメーションが気持ちいいアコーディオンを実装するチュートリアルをTutorialzineから紹介します。

Making a Fresh Content Accordion
demo

アコーディオンはリスト要素で実装されており、開いた時の子供は入れ子のリスト要素になります。
そのため数には特に制限はありません。

HTML

二番目のみ抜粋

アコーディオンの開閉とアニメーションはjQueryがベースとなっており、jQuery Easing Pluginを使用して緩急をつけています。