<div >
 <div >
  <h5>جمع شونده ساده</h5>
 </div>
 <div >
  <p >
   <a data-bs-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
   لینک ها
   </a>
   <button type="button" data-bs-toggle="collapse" data-bs-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
   دکمه ها
   </button>
  </p>
  <div id="collapseExample">
   <div >
   لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
   </div>
  </div>
 </div>
</div>
   
 

  
              
<div >
 <div >
  <h5>افقی </h5>
 </div>
 <div >
    <button type="button" data-bs-toggle="collapse" data-bs-target="#collapseWidthExample" aria-expanded="false" aria-controls="collapseWidthExample">
    جمع شونده
    </button>
   </p>
   <div >
    <div id="collapseWidthExample">
    <div >
     لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
    </div>
    </div>
   </div>
 </div>
</div>
               
 

  
  
<div >
<div >
 <h5>Multiple toggles and targets</h5>
</div>
<div >
 <p >
  <a data-bs-toggle="collapse" href="#multiCollapseExample1" role="button" aria-expanded="false" aria-controls="multiCollapseExample1">المان اول</a>
  <button type="button" data-bs-toggle="collapse" data-bs-target="#multiCollapseExample2" aria-expanded="false" aria-controls="multiCollapseExample2">المان دوم</button>
  <button type="button" data-bs-toggle="collapse" data-bs-target=".multi-collapse" aria-expanded="false" aria-controls="multiCollapseExample1 multiCollapseExample2">جمع کردن هردو</button>
  </p>
  <div >
  <div >
   <div id="multiCollapseExample1">
   <div >
    لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
   </div>
   </div>
  </div>
  <div >
   <div id="multiCollapseExample2">
   <div >
   لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.
   </div>
   </div>
  </div>
  </div>
</div>
</div>