title: Vuetify.js - dynamic card height animation
body: <p>I'm having two paragraphs (one big and one small) inside a v-card which switches on button click. Is there a way to make the card animate as if it is expanding while switching. Here is how it looks</p>
  
  <pre><code>&lt;v-card&gt;
  
     &lt;v-btn @click="show=!show" flat&gt;show&lt;/v-btn&gt;
  
     &lt;v-card-text v-show="show"&gt;
        &lt;!-- short paragraph --&gt;
     &lt;/v-card-text&gt;
  
     &lt;v-card-text v-show="!show"&gt;
         &lt;!-- long paragraph --&gt;
     &lt;/v-card-text&gt;
  
  &lt;/v-card&gt;
  </code></pre>
  
  <p>Assume <code>show</code> is a variable defined in vue object.</p>