Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
<!-- Collapse anatomy --> <button data-bs-toggle="collapse" data-bs-target="#id" aria-expanded="false">Trigger</button> <div class="collapse [show]" id="id">Content</div> <!-- Accordion anatomy --> <div class="accordion" id="parent"> <div class="accordion-item"> <button class="accordion-button [collapsed]" data-bs-toggle="collapse" data-bs-target="#item1">Q</button> <div id="item1" class="accordion-collapse collapse [show]" data-bs-parent="#parent">A</div> </div> </div>
Result
Open