Как свернуть .panel Bootstrap на планшетах?

Question

[SokolovArtur]

Вопрос по Bootstrap. Использую компонент Panels.

<div class="row">
	<div class="col-md-4">
		<div class="panel panel-default">
			<div class="panel-heading">Panel title</div>
			<div class="panel-body">Panel content</div>
		</div>
	</div>
	<div class="col-md-4">
		<div class="panel panel-default">
			<div class="panel-heading">Panel title</div>
			<div class="panel-body">Panel content</div>
		</div>
	</div>
	<div class="col-md-4">
		<div class="panel panel-default">
			<div class="panel-heading">Panel title</div>
			<div class="panel-body">Panel content</div>
		</div>
	</div>
</div>

При уменьшении окна браузера хочу чтобы панели схлопывались как аккордеон. Как можно сделать?

Answer 1

[Дмитрий Ким]

Как вариант: для panel-body добавьте класс hidden-xs. А на panel-heading навесьте

$(this).siblings('.panel-body').toggleClass('hidden-xs')

.