CSSアニメーションで高さ可変のアコーディオン - Qiita

$('.js-button').on('click', function() { $(this).next('.js-accordion').slideToggle(); }); cssアニメーション jQueryなしで実装する場合は、cssアニメーションを使います。 パフォーマンス的にも、jQueryのアニメーションではなくcssのアニメーションを使用した方が良いです。 （なので、jQueryは開閉のトリガーだけに使用し、アニメーションはcssで行う方法もあります。） ただ、アコーディオンするコンテンツの高さが可変の場合、ちょっと面倒です。。 まずは、開閉のトリガーのみをjsで設定します。 const button = document.querySelectorAll('.js-button'); const openClass = 'is-expand'; Array.prototy

[prize9]

偉大なるまとめ。