ボタンのクリックにバインドされたこのコード$(this).data('parentWidget').toggleClass(COLLAPSE_CLASS, 1000);
は、COLLAPSE_CLASS のオンとオフを正常に切り替えています。ただし、効果はアニメーションではありません。
CSS では、元の要素に定義された高さ:85px があります。折りたたみクラスが追加された場合 .collapse { height:20px; 高さだけが変わります。
前述したように、これは高さを切り替えるという点で魅力的です。私が見ないのは、あらゆる種類のトランジション効果です。このような単純なトランジション効果が機能しない条件は何ですか? 言うまでもなく、この件に関するjQuery ドキュメントはまばらです。