أكورديون

<div class="accordion" id="accordionParent">
  <!-- START ITEM -->
  <div class="accordion-item">
    <h2 class="accordion-header">
      <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
        عنوان الجزئية
      </button>
    </h2>
    <div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionParent">
      <div class="accordion-body">
        يأتي تفاصيل الجزء هنا مع مساحة جيدة للمحتوى
      </div>
    </div>
  </div>
  <!-- END ITEM -->
</div>