Вот код
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingOne">
<h5 class="panel-title"><a class="accordionTitleBar collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria- controls="collapseOne" target="blank" onclick="return false;">Technical Committee</a>
</h5>
</div>
<div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne" style="height: auto;">
<div class="panel-body">
//text goes here
<div style="clear: both;"> </div>
</div>
</div>
</div>
Как вы можете видеть, в классе нет "in" = "panel-collapse collapse", а заголовок панели показывает "свернутый".
На странице пыльника сайта отлично работает
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingOne">
<h5 class="panel-title"><a class="accordionTitleBar collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne" target="blank" onclick="return false;">Our Staff</a>
</h5>
</div>
<div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne" style="height: 0px;">
<div class="panel-body">
//text goes here
<div style="clear: both;"> </div>
</div>
</div>
</div>
Это точно такой же код, так почему первый не свернулся при загрузке страницы?