I am reffering to the tutorial "Bootstrap Collapse – expand first post" found at the end of this page: http://wp-types.com/documentation/user-guides/digging-into-view-outputs/
I have an accordian which I am using as a menu. The code is below. There are main 10 items on the menu all taxonomies. When clicked the accordian opens up and displays the sub categories within that main taxonomy. All works well.
However, I tried to add a conditional statement to include the class 'in' within the class="accordion-body collapse" so that when a person is on the page which is related to the taxonomy then the accordian is open by default. This did not work, and I either got all opening or none.
What is the correct proceedure. Here is my code without the conditional
[wpv-layout-start]
<!-- wpv-loop-start -->
<div class="accordion" id="accordiontips">
<wpv-loop wrap="2" pad="true">
[wpv-item index=1]
<div class="accordion-group" id="accordiontipsgroup">
<div class="accordion-heading" id="accordiontipsheading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordiontips" href="#[wpv-taxonomy-slug]">
[wpv-taxonomy-title]
</a>
</div>
<div id="[wpv-taxonomy-slug]" class="accordion-body collapse">
<div class="accordion-inner">
[wpv-view name="Tips Navigation Subcategories View"]<br />See all [wpv-taxonomy-link]
</div>
</div>
</div>
[wpv-item index=other]
<div class="accordion-group" id="accordiontipsgroup">
<div class="accordion-heading" id="accordiontipsheading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordiontips" href="#[wpv-taxonomy-slug]">
[wpv-taxonomy-title]
</a>
</div>
<div id="[wpv-taxonomy-slug]" class="accordion-body collapse">
<div class="accordion-inner">
[wpv-view name="Tips Navigation Subcategories View"]<br />See all [wpv-taxonomy-link]
</div>
</div>
</div>
[wpv-item index=2]
<div class="accordion-group" id="accordiontipsgroup">
<div class="accordion-heading" id="accordiontipsheading">
<a class="accordion-toggle" data-toggle="collapse" data-parent="#[wpv-taxonomy-slug]" href="#[wpv-taxonomy-slug]">
[wpv-taxonomy-title]
</a>
</div>
<div id="[wpv-taxonomy-slug]" class="accordion-body collapse">
<div class="accordion-inner">
[wpv-view name="Tips Navigation Subcategories View"]<br />See all [wpv-taxonomy-link]
</div>
</div>
</div>
[wpv-item index=pad]
<div></div>
[wpv-item index=pad-last]
<div></div>
</wpv-loop>
</div>
<!-- wpv-loop-end -->
[wpv-layout-end]