title: SlideDown not animating properly - jQuery
body: <p>I seem to be very confused with this.</p>
  
  <p>I am trying to use the slideDown function in jQuery, however when the div is clicked on, the 'information' div just jumps and doesnt animate.</p>
  
  <p>I think one of the cause is that the .information div has the following properties:</p>
  
  <p>When the min-height property is removed the animations work. However I want the min-height to be there.</p>
  
  <p>Would anybody be able to provide any solutions?</p>
  
  <p><strong>View Here: <a href="http://www.bootply.com/EXXhRTAECu" rel="nofollow">http://www.bootply.com/EXXhRTAECu</a></strong></p>
  
  <p>CSS:</p>
  
  <pre><code>.information {
                  margin-left: auto;
                  margin-right: auto;
                  /*border:1px solid #000;*/
                  border-top: 1px solid #000;
                  border-bottom: 1px solid #000;
                  width: 100%;
                  display: none;
                  background-color:#f2f2f2;
                  box-shadow: 1px 1px 1px #f2f2f2;
                  overflow: hidden; 
                  min-height: 300px; /*When I remove this it works*/
                  height:auto;
  
              }
  </code></pre>