Fix accordion example (#2823)

* make collapsible heading behave like a block
* remove the non-existent `panel-collapse` class
* replace the `in` class with `show`
This commit is contained in:
XhmikosR 2020-06-08 14:28:13 +03:00 committed by GitHub
parent 18ee4a5421
commit cf2e1b85dc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -1322,13 +1322,13 @@
<!-- we are adding the .class so bootstrap.js collapse plugin detects it --> <!-- we are adding the .class so bootstrap.js collapse plugin detects it -->
<div class="card card-primary"> <div class="card card-primary">
<div class="card-header"> <div class="card-header">
<h4 class="card-title"> <h4 class="card-title w-100">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"> <a class="d-block w-100" data-toggle="collapse" href="#collapseOne">
Collapsible Group Item #1 Collapsible Group Item #1
</a> </a>
</h4> </h4>
</div> </div>
<div id="collapseOne" class="panel-collapse collapse in"> <div id="collapseOne" class="collapse show" data-parent="#accordion">
<div class="card-body"> <div class="card-body">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
3 3
@ -1346,13 +1346,13 @@
</div> </div>
<div class="card card-danger"> <div class="card card-danger">
<div class="card-header"> <div class="card-header">
<h4 class="card-title"> <h4 class="card-title w-100">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"> <a class="d-block w-100" data-toggle="collapse" href="#collapseTwo">
Collapsible Group Danger Collapsible Group Danger
</a> </a>
</h4> </h4>
</div> </div>
<div id="collapseTwo" class="panel-collapse collapse"> <div id="collapseTwo" class="collapse" data-parent="#accordion">
<div class="card-body"> <div class="card-body">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
3 3
@ -1370,13 +1370,13 @@
</div> </div>
<div class="card card-success"> <div class="card card-success">
<div class="card-header"> <div class="card-header">
<h4 class="card-title"> <h4 class="card-title w-100">
<a data-toggle="collapse" data-parent="#accordion" href="#collapseThree"> <a class="d-block w-100" data-toggle="collapse" href="#collapseThree">
Collapsible Group Success Collapsible Group Success
</a> </a>
</h4> </h4>
</div> </div>
<div id="collapseThree" class="panel-collapse collapse"> <div id="collapseThree" class="collapse" data-parent="#accordion">
<div class="card-body"> <div class="card-body">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid.
3 3