<div class="collapse bg-base-200">
  <input type="radio" name="my-accordion-1" checked="checked" />
  <div class="collapse-title text-xl font-medium">Click to open this one and close others</div>
  <div class="collapse-content">
    <p>hello</p>
  </div>
</div>
<div class="collapse bg-base-200">
  <input type="radio" name="my-accordion-1" />
  <div class="collapse-title text-xl font-medium">Click to open this one and close others</div>
  <div class="collapse-content">
    <p>hello</p>
  </div>
</div>
<div class="collapse bg-base-200">
  <input type="radio" name="my-accordion-1" />
  <div class="collapse-title text-xl font-medium">Click to open this one and close others</div>
  <div class="collapse-content">
    <p>hello</p>
  </div>
</div>

<div className="collapse bg-base-200">
  <input type="radio" name="my-accordion-1" checked="checked" />
  <div className="collapse-title text-xl font-medium">Click to open this one and close others</div>
  <div className="collapse-content">
    <p>hello</p>
  </div>
</div>
<div className="collapse bg-base-200">
  <input type="radio" name="my-accordion-1" />
  <div className="collapse-title text-xl font-medium">Click to open this one and close others</div>
  <div className="collapse-content">
    <p>hello</p>
  </div>
</div>
<div className="collapse bg-base-200">
  <input type="radio" name="my-accordion-1" />
  <div className="collapse-title text-xl font-medium">Click to open this one and close others</div>
  <div className="collapse-content">
    <p>hello</p>
  </div>
</div>

<div collapse bg-base-200>
  <input type="radio" name="my-accordion-1" checked="checked" />
  <div collapse-title text-xl font-medium>Click to open this one and close others</div>
  <div collapse-content>
    <p>hello</p>
  </div>
</div>
<div collapse bg-base-200>
  <input type="radio" name="my-accordion-1" />
  <div collapse-title text-xl font-medium>Click to open this one and close others</div>
  <div collapse-content>
    <p>hello</p>
  </div>
</div>
<div collapse bg-base-200>
  <input type="radio" name="my-accordion-1" />
  <div collapse-title text-xl font-medium>Click to open this one and close others</div>
  <div collapse-content>
    <p>hello</p>
  </div>
</div>

<div class="collapse collapse-arrow bg-base-200">
  <input type="radio" name="my-accordion-2" checked="checked" />
  <div class="collapse-title text-xl font-medium">Click to open this one and close others</div>
  <div class="collapse-content">
    <p>hello</p>
  </div>
</div>
<div class="collapse collapse-arrow bg-base-200">
  <input type="radio" name="my-accordion-2" />
  <div class="collapse-title text-xl font-medium">Click to open this one and close others</div>
  <div class="collapse-content">
    <p>hello</p>
  </div>
</div>
<div class="collapse collapse-arrow bg-base-200">
  <input type="radio" name="my-accordion-2" />
  <div class="collapse-title text-xl font-medium">Click to open this one and close others</div>
  <div class="collapse-content">
    <p>hello</p>
  </div>
</div>

<div className="collapse collapse-arrow bg-base-200">
  <input type="radio" name="my-accordion-2" checked="checked" />
  <div className="collapse-title text-xl font-medium">Click to open this one and close others</div>
  <div className="collapse-content">
    <p>hello</p>
  </div>
</div>
<div className="collapse collapse-arrow bg-base-200">
  <input type="radio" name="my-accordion-2" />
  <div className="collapse-title text-xl font-medium">Click to open this one and close others</div>
  <div className="collapse-content">
    <p>hello</p>
  </div>
</div>
<div className="collapse collapse-arrow bg-base-200">
  <input type="radio" name="my-accordion-2" />
  <div className="collapse-title text-xl font-medium">Click to open this one and close others</div>
  <div className="collapse-content">
    <p>hello</p>
  </div>
</div>

<div collapse collapse-arrow bg-base-200>
  <input type="radio" name="my-accordion-2" checked="checked" />
  <div collapse-title text-xl font-medium>Click to open this one and close others</div>
  <div collapse-content>
    <p>hello</p>
  </div>
</div>
<div collapse collapse-arrow bg-base-200>
  <input type="radio" name="my-accordion-2" />
  <div collapse-title text-xl font-medium>Click to open this one and close others</div>
  <div collapse-content>
    <p>hello</p>
  </div>
</div>
<div collapse collapse-arrow bg-base-200>
  <input type="radio" name="my-accordion-2" />
  <div collapse-title text-xl font-medium>Click to open this one and close others</div>
  <div collapse-content>
    <p>hello</p>
  </div>
</div>

<div class="collapse collapse-plus bg-base-200">
  <input type="radio" name="my-accordion-3" checked="checked" />
  <div class="collapse-title text-xl font-medium">Click to open this one and close others</div>
  <div class="collapse-content">
    <p>hello</p>
  </div>
</div>
<div class="collapse collapse-plus bg-base-200">
  <input type="radio" name="my-accordion-3" />
  <div class="collapse-title text-xl font-medium">Click to open this one and close others</div>
  <div class="collapse-content">
    <p>hello</p>
  </div>
</div>
<div class="collapse collapse-plus bg-base-200">
  <input type="radio" name="my-accordion-3" />
  <div class="collapse-title text-xl font-medium">Click to open this one and close others</div>
  <div class="collapse-content">
    <p>hello</p>
  </div>
</div>

<div className="collapse collapse-plus bg-base-200">
  <input type="radio" name="my-accordion-3" checked="checked" />
  <div className="collapse-title text-xl font-medium">Click to open this one and close others</div>
  <div className="collapse-content">
    <p>hello</p>
  </div>
</div>
<div className="collapse collapse-plus bg-base-200">
  <input type="radio" name="my-accordion-3" />
  <div className="collapse-title text-xl font-medium">Click to open this one and close others</div>
  <div className="collapse-content">
    <p>hello</p>
  </div>
</div>
<div className="collapse collapse-plus bg-base-200">
  <input type="radio" name="my-accordion-3" />
  <div className="collapse-title text-xl font-medium">Click to open this one and close others</div>
  <div className="collapse-content">
    <p>hello</p>
  </div>
</div>

<div collapse collapse-plus bg-base-200>
  <input type="radio" name="my-accordion-3" checked="checked" />
  <div collapse-title text-xl font-medium>Click to open this one and close others</div>
  <div collapse-content>
    <p>hello</p>
  </div>
</div>
<div collapse collapse-plus bg-base-200>
  <input type="radio" name="my-accordion-3" />
  <div collapse-title text-xl font-medium>Click to open this one and close others</div>
  <div collapse-content>
    <p>hello</p>
  </div>
</div>
<div collapse collapse-plus bg-base-200>
  <input type="radio" name="my-accordion-3" />
  <div collapse-title text-xl font-medium>Click to open this one and close others</div>
  <div collapse-content>
    <p>hello</p>
  </div>
</div>