Используя кнопку, чтобы развернуть раздел ниже Bootstrap

Question

Я пытаюсь использовать код, предоставленный в this post -

<div class="row"> 
<div class="span4 collapse-group"> 
    <h2>Heading</h2> 
    <p class="collapse">Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p> 
    <p><a class="btn" href="#">View details &raquo;</a></p> 
</div> 

и вообще он прекрасно работает. Однако всякий раз, когда я пытаюсь добавить что-либо вроде заголовков разделов в тегах абзаца, все, что находится ниже, не скрыто. Есть ли способ сделать все в определенной области скрытой, независимо от стиля? Должен ли использоваться тег абзаца или был бы другой вариант? Спасибо!

Answer 1

Возможно, это связано с тем, что в тегах заголовков нет класса «свернуть». Я новичок в HTML, но когда я смотрел на ваш код, это было то, что я заметил. Например:

<h2 class="collapse">This is a title</h2> 

Надеюсь, это поможет!