title: How to animate a Popup when it hides?
body: <p>i created a <code>Popup Style</code> for using in my windows 8.1 application.  And i applied <code>PopupThemeTransition</code> to it's <code>ChildTransitions</code> Property.</p>
  
  <pre><code>&lt;Style x:Key="AnimatedPopupStyle" TargetType="Popup"&gt;
      &lt;Setter Property="IsLightDismissEnabled" Value="False"/&gt;
      &lt;Setter Property="ChildTransitions"&gt;
          &lt;Setter.Value&gt;
              &lt;TransitionCollection&gt;
                  &lt;PopupThemeTransition/&gt;
              &lt;/TransitionCollection&gt;
          &lt;/Setter.Value&gt;
      &lt;/Setter&gt;
  &lt;/Style&gt;
  </code></pre>
  
  <p>My problem is that it animates when it Opens &amp; not animating  when closing. What to do with that for animating the content on hiding ? Do i want to create a Custom Popup control? <br/><br/>
  <strong>NB:</strong> I know that <code>PopInThemeAnimation</code> &amp; <code>PopOutThemeAnimation</code> is there . But don't know how to use it on this condition ?</p>