Collapse

Toggle the visibility of content across your project with a few classes and our JavaScript plugins. Read Bootstrap documentation

.card.accordion.p-0.bg-white
	a.card-header.collapsed.border-0.px-3(href="#" data-toggle='collapse', data-target="#a1", aria-expanded='true', aria-controls="a1", id= "q1")
		span.lead.text-dark.mb-0.pb-0.mr-5 Question
	.card-body.collapse.py-0.px-3.border-0(id= "a1", aria-labelledby = "q1")
		p.my-3.py-0.text-muted Answer 
<div class="card accordion p-0 bg-white">
	<a class="card-header collapsed border-0 px-3" href="#" data-toggle="collapse" data-target="#a1" aria-expanded="true" aria-controls="a1" id="q1">
		<span class="lead text-dark mb-0 pb-0 mr-5">Question</span>
	</a>
	<div class="card-body collapse py-0 px-3 border-0" id="a1" aria-labelledby="q1">
		<p class="my-3 py-0 text-muted">Answer</p>
	</div>
</div>

Answer

Visit Bootstrap documentation to learn more about this component


Version 2.0.0, hello@getreplacer.com

To spread the power of good design