title: Bootstrap Accordion - Set to specific height
body: <p>I have a bootstrap accordion that has a list a mile long, and I would like to set the OPENED height to roughly 200px.  When I do this in the CSS, the accordion opens, but to full height, THEN sets to the 200px after it has been opened.</p>
  
  <p>I attempted to style not only the collapse class, but the collapsing and collapse in classes, and all that does is have the accordion pop open with no animation.</p>
  
  <p>CSS:</p>
  
  <pre><code>.collapse.in, .collapse{
    height: 200px;
    overflow-y: scroll;
  }
  </code></pre>
  
  <p>Where do I need to set the height so that the accordion only opens to 200px and stops the animation at 200px?</p>
  
  <p>Example: <a href="http://jsfiddle.net/murphy1976/c8nw2jmo/1/" rel="nofollow">http://jsfiddle.net/murphy1976/c8nw2jmo/1/</a></p>