<style>
body {
padding: 3rem;
}
</style> <!-- ACCORDION -->
<div class="accordion" id="accordionParent">
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button" data-bs-target="#collapseOne" data-bs-toggle="collapse">
Lorem ipsum dolor sit amet.
</button>
</h2>
<div class="accordion-collapse collapse show" id="collapseOne" data-bs-parent="#accordionParent">
<div class="accordion-body">
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Odit officia itaque ut blanditiis sed? Neque praesentium accusamus sint, vel omnis inventore doloremque dolorum ducimus nulla.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" data-bs-target="#collapseTwo" data-bs-toggle="collapse">
Lorem ipsum dolor sit amet.
</button>
</h2>
<div class="accordion-collapse collapse" id="collapseTwo" data-bs-parent="#accordionParent">
<div class="accordion-body">
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Odit officia itaque ut blanditiis sed? Neque praesentium accusamus sint, vel omnis inventore doloremque dolorum ducimus nulla.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" data-bs-target="#collapseThree" data-bs-toggle="collapse" >
Lorem ipsum dolor sit amet.
</button>
</h2>
<div class="accordion-collapse collapse" id="collapseThree" data-bs-parent="#accordionParent">
<div class="accordion-body">
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Odit officia itaque ut blanditiis sed? Neque praesentium accusamus sint, vel omnis inventore doloremque dolorum ducimus nulla.</p>
</div>
</div>
</div>
</div>
<br><hr><br>
<!-- ACCORDION FLUSH-->
<div class="accordion accordion-flush" id="accordionParent2">
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button" data-bs-target="#collapseOne2" data-bs-toggle="collapse">
Lorem ipsum dolor sit amet.
</button>
</h2>
<div class="accordion-collapse collapse show" id="collapseOne2" data-bs-parent="#accordionParent2">
<div class="accordion-body">
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Odit officia itaque ut blanditiis sed? Neque praesentium accusamus sint, vel omnis inventore doloremque dolorum ducimus nulla.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" data-bs-target="#collapseTwo2" data-bs-toggle="collapse">
Lorem ipsum dolor sit amet.
</button>
</h2>
<div class="accordion-collapse collapse" id="collapseTwo2" data-bs-parent="#accordionParent2">
<div class="accordion-body">
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Odit officia itaque ut blanditiis sed? Neque praesentium accusamus sint, vel omnis inventore doloremque dolorum ducimus nulla.</p>
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" data-bs-target="#collapseThree2" data-bs-toggle="collapse" >
Lorem ipsum dolor sit amet.
</button>
</h2>
<div class="accordion-collapse collapse" id="collapseThree2" data-bs-parent="#accordionParent2">
<div class="accordion-body">
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Odit officia itaque ut blanditiis sed? Neque praesentium accusamus sint, vel omnis inventore doloremque dolorum ducimus nulla.</p>
</div>
</div>
</div>
</div>
픽서