title: Twitter Bootstrap Accordion and button dropdown overflow issue
body: <p>I'm using Bootstrap for a section of my website. I mix accordion with a dropdown button.
  The problem comes when the button is on the bottom, the drop-down is hidden since the .accordion-body overflow is set to hidden. </p>
  
  <p>You can view jsfiddle here: <a href="http://jsfiddle.net/DBQU7/6/" rel="nofollow noreferrer">http://jsfiddle.net/DBQU7/6/</a></p>
  
  <p>So I did what you would expect, tried to do <code>overflow-y:visible</code>. But then you can see the result here, it doesn't work: 
  (You can maybe also notice that the drop-down is inside the div, which creates a scroll bar inside the div instead of just showing up. </p>
  
  <p><a href="http://jsfiddle.net/DBQU7/5/" rel="nofollow noreferrer">http://jsfiddle.net/DBQU7/5/</a></p>
  
  <p>I saw this question that was similar: <a href="https://stackoverflow.com/questions/9780525/twiiter-bootstrap-button-dropdown-div-fixed">Twiiter Bootstrap (Button Dropdown) + Div Fixed</a></p>
  
  <p>But it doesn't fix the problem as I mentioned above. </p>
  
  <p>So the question is, how can I just make the dropdown show up normally. </p>
  
  <p>Thanks.</p>
  
  <hr>
  
  <p>The only solution I have found so far (and I would be happy to be proved wrong) was to add a CSS property that made the overflow visible when it was open and then through a JS script make it toggle between visible and hidden...not ideal, but nothing better so far. </p>
  
  <p>-- Edited --
  It actually doesn't work very well and doesn't seem to be a viable solution.</p>