Animation 如何设置MeteorJS{{{if}}块的进出动画？

标题真的说明了一切。给定一个模板：

{{#if selection}}
    <div class="something">
        <p>To Animate</p>
    </div>
{{/if}}

{{{#如果选择}
生动活泼

{{/if}

如何控制

某物的进入和退出动画

谢谢。
您必须从DOM中创建一个模板，其中包含要设置动画的内容：

<templte name="somthing">
<div class="parentdiv">
{{#if selection}}
    <div class="something">
        <p>To Animate</p>
    </div>
{{/if}}
<div>
</template>

因此，这里包含动画的css类是
animate

Template.something.onRendered(function() {

this.find('#task-list')._uihooks = {
      insertElement: function(node, next) {
        $(node).addClass('animate')
          .insertBefore(next);

        setTimeout( function () {
          $(node).removeClass('animte');
        }, 20);
      },
      removeElement: function (node) {
        $(node).addClass('animate')
          .on(EVENTS, function() {
            $(node).remove()
          });
      },
    }
});