Nested elements with transitions in RactiveJS -- How to deal? -

Nested elements with transitions in RactiveJS -- How to deal? -

how can prevent intro , outro transitions happening when adding or removing larger chunk of page? example:

{{#if foo}} <div intro-outro="fade"> welcome cool section {{#if bar}} <div intro-outro="slide"> here's single piece of section </div> {{/if}} </div> {{/if}}

when set foo=false, see bar block sliding away entire foo block fades out. can't imagine when want desired behavior. doing wrong? how deal nested blocks each have transitions?

ractivejs