JCA UI KIT

Without a gap

SECTION 1

Section 1 content

SECTION 2

Section 2 content

With a gap

SECTION 3

Section 3 content

SECTION 4

Section 4 content

            
<div class="jca-accordion" id="accordion1">
  <div class="jca-accordion__item">
    <div class="jca-accordion__title" data-bs-toggle="collapse" data-bs-target="#collapseExample1">
      SECTION 1
    </div>
    <div class="jca-accordion__content-wrapper collapse show" id="collapseExample1" data-parent="#accordion1">
      <div class="jca-accordion__content">
        Section 1 content
      </div>
    </div>
  </div>

  <div class="jca-accordion__item">
    <div class="jca-accordion__title" data-bs-toggle="collapse" data-bs-target="#collapseExample2">
      SECTION 2
    </div>
    <div class="jca-accordion__content-wrapper collapse" id="collapseExample2" data-parent="#accordion1">
      <div class="jca-accordion__content">
        Section 2 content
      </div>
    </div>
  </div>
</div>

<div class="jca-accordion jca-accordion--gap" id="accordion1">
  ......
</div>

JCA UI KIT

Open Source
Mimi UI

The information contained in this website is for general information purposes only. The information is provided by TT | Sftwr and while we endeavour to keep the information up to date and correct, we make no representations or warranties of any kind, express or implied, about the completeness, accuracy, reliability, suitability or availability with respect to the website or the information, products, services, or related graphics contained on the website for any purpose. Any reliance you place on such information is therefore strictly at your own risk.

In no event will we be liable for any loss or damage including without limitation, indirect or consequential loss or damage, or any loss or damage whatsoever arising from loss of data or profits arising out of, or in connection with, the use of this website.