title: ngAnimate slide down/up with non-fix height
body: <p>I would like to create a simple slide down/up animation for a div. The problem is that it only works when the div has fix height.</p>
  
  <p><strong>index.html</strong></p>
  
  <pre><code>&lt;div id="guildDetails" class="animate-show" ng-show="guildDetails.show"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>style.css</strong></p>
  
  <pre><code>.ng-hide-add, .ng-hide-remove {
      display: block !important;
  }
  .animate-show {
      transition: .3s linear all;
      height: 500px;
      overflow: hidden;
  }
  .animate-show.ng-hide {
      height:0;
  }
  </code></pre>
  
  <p>It just works, but the content in that div isn't static, so sometimes that 500px is just too big and sometimes it's just too small. I tried to set the height to auto but, if I set it, then it won't work.</p>
  
  <p>How can I animate it if I don't want to use fixed height?</p>