Бутстрап обрушивает аккордеон с полными панелями высотой (без JqueryUI)

Question

Как использовать панели обрушения с полной высотой?

Как этот вопрос: Twitter Bootstrap accordion full height panes Но без Jquery UI и только с начальной загрузкой?

Я попытался это: http://jsfiddle.net/5xdp9prh/

$('#collapseTwo').collapse('show').height('auto'); 

Но это не работает.

Answer 1

Я нашел это быстрый трюк:

.collapse.in{ 
    height: 100vh; 
} 

В.Х. означает высоту просмотра, он также работает с VW для ширины для просмотра, если вы хотите, чтобы элемент был так велик, как в окно. Один блок представляет собой 1/100 размера окна просмотра, которое вы используете :)

Вот рабочий пример. https://jsfiddle.net/bebwgwj0/

Кроме того, это поддерживается всеми современными браузерами.