title: Fading in a piece of a Template after it is "shown" using a reactiveVar (meteor.js)
body: <p>I have a view with a Template that has two pieces, a form and then a thank you message.  I want to fade in the thank you message when the form is submitted.  How would I do this?:</p>
  
  <pre><code>&lt;template name="inquiry"&gt;
  
  {{#if showForm }} 
  
  some form
  
  {{else}} 
  
          &lt;header class="thank-you fade"&gt;
              &lt;h2 class="thank-you"&gt;Thank You!&lt;/h2&gt;
          &lt;/header&gt;
  
          {{/if}} 
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>.fade {
    opacity: 1;
    transition: opacity 200ms ease;
  }
  </code></pre>
  
  <p>I realize this won't work, because the thank you has already been loaded in the DOM.  </p>
  
  <p>How would I do this?</p>