flag
X logo
Menu
Home Icons Contact
Docs
Typography
Responsive
Containers Grid Align Display
Navigation
Topnav Sidenav Slide down nav Verticale nav Fullscreen nav Buttons Pagination
Pictures
Images Animation Parallax Sliteshow Thumbnail
Helpers
Helpers Padding Margin
More
Accordion Borders Cards Colors Form List Popup modal Table Tooltips

Accordion


Introduction

Accordions are useful when you want to toggle between hiding and showing large amount of content.


Click on the Class name to copy it.

accordion Main class for the accordion block
accordion-panel Class of the content of an accordion section


Example Accordion


Example code:

<button class="accordion">Section 1</button>
<div class="accordion-panel">
  <p class="lorum-sm"></p>
</div>
  ...
  ...
  ...
  ...


© Copyright by Web Henkie
All right reserved
Webmaster