ng-showとng-animateを使ったスライドアップ/ダウンエフェクト

質問

私は ng-animate と同じような動作をさせるために、JQueryの slideUp() と slideDown() . ただ、私はどちらかというと ng-show

私はここでng-animateのチュートリアルを見ている - 。 http://www.yearofmoo.com/2013/04/animation-in-angularjs.html ,

で、提供された例のフェードイン/アウトの効果を再現することができます。

スライドアップ/ダウン動作を得るには、どのようにcssを変更すればよいでしょうか？ また、可能であれば、CSSはコンポーネントの高さをピクセル単位で知らない方が良いです。 そうすれば、異なる要素のためにcssを再利用することができます。

どのように解決するのですか？

私は、Angularディレクティブを書きました。 slideToggle() をjQuery無しで実行するAngularディレクティブを書きました。

https://github.com/EricWVGG/AngularSlideables