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.

  • Project #4

    Project #4
    20 Dec, 12 Dec 12

     Quisque convallis posuere pulvinar. Praesent convallis ultricies urna eu egestas. Vestibulum ut tem

  • News #4

    News #4
    20 Dec, 12 Dec 12

    Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non

  • Tonal development

    Tonal development
    20 Dec, 12 Dec 12

    Phasellus imperdiet purus id sapien vulputate et molestie nunc eleifend. Nulla nec purus consectetur

  • News #3

    News #3
    20 Dec, 12 Dec 12

    Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non

  • Mobile solutions

    Mobile solutions
    20 Dec, 12 Dec 12

    Phasellus imperdiet purus id sapien vulputate et molestie nunc eleifend. Nulla nec purus consectetur

 

Accordion Boxed

A subtle box styling for the accordion.

  • Project #4

    Project #4
    20 Dec, 12 Dec 12

     Quisque convallis posuere pulvinar. Praesent convallis ultricies urna eu egestas. Vestibulum ut tem

  • News #4

    News #4
    20 Dec, 12 Dec 12

    Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non

  • Tonal development

    Tonal development
    20 Dec, 12 Dec 12

    Phasellus imperdiet purus id sapien vulputate et molestie nunc eleifend. Nulla nec purus consectetur

  • News #3

    News #3
    20 Dec, 12 Dec 12

    Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non

  • Mobile solutions

    Mobile solutions
    20 Dec, 12 Dec 12

    Phasellus imperdiet purus id sapien vulputate et molestie nunc eleifend. Nulla nec purus consectetur

 

Accordion Flat

Simpel flat styling for the accordion.

  • Project #4

    Project #4
    20 Dec, 12 Dec 12

     Quisque convallis posuere pulvinar. Praesent convallis ultricies urna eu egestas. Vestibulum ut tem

  • News #4

    News #4
    20 Dec, 12 Dec 12

    Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non

  • Tonal development

    Tonal development
    20 Dec, 12 Dec 12

    Phasellus imperdiet purus id sapien vulputate et molestie nunc eleifend. Nulla nec purus consectetur

  • News #3

    News #3
    20 Dec, 12 Dec 12

    Cras nec lorem eget ligula varius aliquet at et mi. Fusce id quam in justo suscipit porta. Fusce non

  • Mobile solutions

    Mobile solutions
    20 Dec, 12 Dec 12

    Phasellus imperdiet purus id sapien vulputate et molestie nunc eleifend. Nulla nec purus consectetur

 


Dolor ipsum lipsum scolar tolor what locusts behaving madly.

 

Need to talk to us

Phone: (03) 9486 8555
Fax: (03) 9486 8021
Email: info@theignite.com.au

Get in contact

Back to top