Twitter Bootstrap Accordion и проблема с переполнением раскрывающегося списка кнопок

Я использую Bootstrap для раздела своего веб-сайта. Я смешиваю аккордеон с выпадающей кнопкой. Проблема возникает, когда кнопка находится внизу, раскрывающийся список скрыт, поскольку переполнение .accordion-body установлено как скрытое.

Вы можете просмотреть jsfiddle здесь: http://jsfiddle.net/DBQU7/6/

Итак, я сделал то, что вы ожидаете, попытался сделать overflow-y:visible. Но тогда вы можете увидеть результат здесь, это не работает: (Возможно, вы также заметили, что раскрывающийся список находится внутри блока div, который создает полосу прокрутки внутри блока вместо того, чтобы просто отображаться.

http://jsfiddle.net/DBQU7/5/

Я видел похожий вопрос: Twiiter Bootstrap (выпадающий список кнопок) + Div Fixed

Но это не решает проблему, как я упоминал выше.

Итак, вопрос в том, как сделать так, чтобы раскрывающийся список отображался нормально.

Спасибо.

Единственным решением, которое я нашел до сих пор (и я был бы рад оказаться неправым), было добавление свойства CSS, которое делало переполнение видимым, когда оно было открыто, а затем с помощью сценария JS заставляло его переключаться между видимым и скрытым ...не идеально, но пока ничего лучше.

-- Отредактировано -- На самом деле это не очень хорошо работает и не кажется жизнеспособным решением.