AMPアコーディオンをスムーズに伸縮させる方法

Question

AMPのアコーディオンライブラリで、アコーディオンの感触を私の期待通りにするためのオプションやイベントはありません。しかし、私はjqueryを使用して多くの変更を行っていますが、今ではアイテムをスムーズに展開したり折りたたんだりする必要があります。これを行う方法はありますか？

Answer 1

あなたの問題を解決するために、threadが役立つことがあります。

• 現在、展開/折りたたみアクションのアニメーションはありません。これは、複数のアイテムがターゲット要素が展開されているときに同時に折りたたまれている場合、ユーザーがインタフェースの動作を追跡するのが難しいことを意味します。
• アンプアコーディオンが閉じる、または開くときにスクロール調整が行われないため、現在のビューポートよりも十分に大きな（または十分な大きさの）アンプアコーディオンが閉じると、ビューポート内のコンテンツが劇的にシフトする可能性がありますでも、完全ビュー）のうち
• が

また、「自動折りたたみ-子供」）のような属性何かを親要素かもしれない（複数のアンプ・アコーディオンの要素が相互に通信するためのいくつかの方法を必要とします、これをチェックするContent Collapse jQueryプラグインを使用すると、アコーディオンとして機能するパネルヘッダーをクリックしてコンテンツをスムーズに折りたたんで展開することができます。

Answer 2

アンプセレクタを使用し、CSSアニメーションを追加して同じ効果を得ることができます。

このトリックを使用して、高さ0からautoにアニメーションできます。 How can I transition height: 0; to height: auto; using CSS?