Ich habe gerade eine Bootstrap-Kollaps in meine Zahlungsansicht in Laravel eingefügt. Der Bootstrap bricht zusammen, wenn ich darauf klicke, aber ich möchte, dass er automatisch minimiert wird.Bootstrap Collapse kollabiert nicht automatisch
Ich weiß, ich habe diese Einstellung vornehmen: aria-expanded="false"
Aber es ist immer noch nicht funktioniert. Vielleicht, weil es so eine eigene ID hat?
href="#collapse{{ $charity->id }}"
Hier ist mein ganzer Panel-Schnipsel:
@foreach($charities as $charity)
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="headingOne">
<h4 class="panel-title">
<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse{{ $charity->id }}" aria-expanded="false" aria-controls="collapseOne">
<div class="row">
<div class="col-xs-3 col-sm-2 col-md-2">
<img class="media-object" src="{{ $charity->photo }}" width="75px" height="65px" alt="{{ $charity->name }}">
</div>
<div class="col-xs-9 col-sm-10 col-md-10">
{{ $charity->name }}
</div>
</div>
</a>
</h4>
</div>
<div id="collapse{{ $charity->id }}" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
<div class="panel-body">
{{ $charity->description }}
</div>
</div>
</div>
</div>
@endforeach
versuchen, den Zusammenbruch Klasse von 'id = "Zusammenbruch {{$ Charity-> id}}" Entfernen' –