Toggle the visibility of content across your project with a few classes and our JavaScript plugins. Read Bootstrap documentation
	a.card-header.collapsed.border-0.px-3(href="#" data-toggle='collapse', data-target="#a1", aria-expanded='true', aria-controls="a1", id= "q1") Question "a1", aria-labelledby = "q1") 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>
	<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>


Visit Bootstrap documentation to learn more about this component

Version 2.0.0,

To spread the power of good design