knockoutjs '連絡先エディタのスライドアニメーションの例

Question

knockoutjsの「連絡先エディタ」の例（link here）を見ると、「連絡先を追加する」ボタンが下部に新しいセクションを作成します。 jqueryのスライドダウン効果のようなアニメーション効果でbttomでその拡張を行う方法はありますか？

コメントありがとうございます。

Answer 1

テンプレートバインディングのafterAdd functionalityを使用して、必要なものを実行できます。

これを行うには、jQueryテンプレートの{{each}}ではなく、テンプレートバインディングのforeachを使用するように連絡先のレンダリングを切り替える必要があります。

ネイティブテンプレートエンジン1.3 beta'sネイティブテンプレートエンジンを使用したサンプルは次のとおりです。http://jsfiddle.net/rniemeyer/am5JD/