在RactiveJS中具有转换的嵌套元素 - 如何处理？

Question

如何在添加或删除较大的页面块时阻止介绍和outro转换？例如：

{{#if foo}}
<div intro-outro="fade">
   Welcome to my cool section
   {{#if bar}}
   <div intro-outro="slide">
   Here's a single piece of that section
   </div>
   {{/if}}
</div>
{{/if}}

当我设置 foo = false 时，我看到条块滑落，因为整个 foo 块淡出。我无法想象有人会希望这是所期望的行为。难道我做错了什么？你如何处理每个都有过渡的嵌套块？