Uso la fisarmonica Bootstrap. Voglio che tutto il pannello sia chiuso per impostazione predefinita, ma i miei pannelli vengono espansi.Effettuare fisarmonica chiusa per impostazione predefinita in Bootstrap
Ecco il mio codice:
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="false">
<c:forEach items="${proposals}" var="proposal" varStatus="serial">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="heading${proposal.propID}" >
<h4 class="panel-title">
<span class="fa fa-paperclip" aria-hidden="true"></span>
<a class="accordion-toggle collapsed"
data-toggle="collapse" data-parent="#accordion"
href="#collapse${proposal.propID}" aria-expanded="false"
aria-controls="collapse${proposal.propID}">
${proposal.title}
</a>
</h4>
</div>
<div id="collapse${proposal.propID}" class="panel-collapse collapse in"
role="tabpanel" aria-labelledby="heading${proposal.propID}">
${proposal.interest}
</div>
</div>
</c:forEach>
</div>
Ho anche usato aria-expanded="false"
, ma non funziona.
Qual è l'errore?
Leggere la documentazione: la classe .in lo renderà aperto. – Christina
http://getbootstrap.com/javascript/#collapse – Christina