Overview

The accordion layout is a simple collapsible accordion that uses the title of your item as the trigger to open or close the accordion. The accordion can use content from K2, Joomla or images populated from a directory.

 

Features

  • Each item is rendered underneath the next one in a vertical list.
  • Create layouts that include up to four columns.
  • Use the title or category as the first item to trigger the accordion.
  • Select whether to load the accordion with the first item open. 
  • Determine whether to position the icon to the left or the right of the title
  • Select from a number of different icon types to set next to the title.
 

Demonstration

Accordion default

The default styling for the accordion.

  • Thomas Ewing

    Thomas Ewing

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia sem sed sem lobortis viverr

  • Walter Brown

    Walter Brown

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia sem sed sem lobortis viverr

  • Samantha Cook

    Samantha Cook

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia sem sed sem lobortis viverr

  • Patrick Johnson

    Patrick Johnson

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia sem sed sem lobortis viverr

  • Julie Sanders

    Julie Sanders

    Integer elit lectus, porttitor eget aliquet ut, rhoncus sed dui. Sed sollicitudin ligula a nisi volu

 

Accordion Boxed

A subtle box styling for the accordion.

  • Thomas Ewing

    Thomas Ewing

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia sem sed sem lobortis viverr

  • Walter Brown

    Walter Brown

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia sem sed sem lobortis viverr

  • Samantha Cook

    Samantha Cook

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia sem sed sem lobortis viverr

  • Patrick Johnson

    Patrick Johnson

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia sem sed sem lobortis viverr

  • Julie Sanders

    Julie Sanders

    Integer elit lectus, porttitor eget aliquet ut, rhoncus sed dui. Sed sollicitudin ligula a nisi volu

 

Accordion Flat

Simpel flat styling for the accordion.

  • Thomas Ewing

    Thomas Ewing

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia sem sed sem lobortis viverr

  • Walter Brown

    Walter Brown

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia sem sed sem lobortis viverr

  • Samantha Cook

    Samantha Cook

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia sem sed sem lobortis viverr

  • Patrick Johnson

    Patrick Johnson

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacinia sem sed sem lobortis viverr

  • Julie Sanders

    Julie Sanders

    Integer elit lectus, porttitor eget aliquet ut, rhoncus sed dui. Sed sollicitudin ligula a nisi volu