• Home
  • Quick Start
    • Color Schemes
  • Documentation
    • Shortcodes
    • JaW Hooks
    • Screenshots of ThemeOptions
  • Tutorials
  • Forum
  • Contact
Log In

  • Home
  • Quick Start
    • Color Schemes
  • Documentation
    • Shortcodes
    • JaW Hooks
    • Screenshots of ThemeOptions
  • Tutorials
  • Forum
  • Contact

HomeShortcodeText ContentShortcode Accordion
accordion2 (2)

Shortcode Accordion

  • admin
  • Posted in Text Content
0
SHARES
SHARESHARESHARESHARE
SHARESHARE

Accordion Attributes

  • class – Which accordion’s item is “opened” default (collapse)
    • collapse – hidden
    • collapse in – opened
  • title – Accordion’s name
  • id – ID of accordion item

Accordion Appearance

Accordion with default settings 

Item 1

Default stuff

[jaw_accordion][jaw_accordion_item class="collapse" title="Item 1" id="0"]Default stuff[/jaw_accordion_item][/jaw_accordion]

Accordion with custom settings 

FIRST ITEM

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse imperdiet lectus eu sem posuere accumsan. Nullam placerat feugiat ex nec feugiat. Suspendisse ac auctor metus. Ut pretium viverra gravida. Pellentesque a nisl pharetra, elementum libero sed, facilisis urna. Nulla ultricies diam elit, nec imperdiet risus blandit eget. Nullam pellentesque pretium nunc, ac mattis leo ullamcorper vitae.

SECOND ITEM

Vestibulum eget semper turpis, non eleifend erat. In metus lacus, placerat eget congue nec, imperdiet at est. Vivamus a augue a elit tincidunt blandit ac rutrum enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc auctor, dolor quis pharetra elementum, elit lorem tincidunt arcu, mollis feugiat ipsum augue nec dolor. Pellentesque quis tempus lacus. Phasellus vitae pretium est, vel tristique nulla.

THIRD ITEM

Proin eget nibh elementum, eleifend dui in, sollicitudin urna. Cras viverra leo at ligula pharetra mattis. Proin ut tortor ac quam efficitur sagittis. Vivamus sagittis sapien nec egestas pulvinar. Nunc felis arcu, congue eget iaculis vitae, consequat a libero. Vestibulum non turpis nec arcu facilisis pretium. Praesent dapibus cursus ligula, sed pharetra mi accumsan id. Praesent iaculis eget enim sed hendrerit.

[jaw_accordion][jaw_accordion_item class="collapse in" title="FIRST ITEM" id="0"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse imperdiet lectus eu sem posuere accumsan. Nullam placerat feugiat ex nec feugiat. Suspendisse ac auctor metus. Ut pretium viverra gravida. Pellentesque a nisl pharetra, elementum libero sed, facilisis urna. Nulla ultricies diam elit, nec imperdiet risus blandit eget. Nullam pellentesque pretium nunc, ac mattis leo ullamcorper vitae.[/jaw_accordion_item][jaw_accordion_item class="collapse" title="SECOND ITEM" id="1"]Vestibulum eget semper turpis, non eleifend erat. In metus lacus, placerat eget congue nec, imperdiet at est. Vivamus a augue a elit tincidunt blandit ac rutrum enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc auctor, dolor quis pharetra elementum, elit lorem tincidunt arcu, mollis feugiat ipsum augue nec dolor. Pellentesque quis tempus lacus. Phasellus vitae pretium est, vel tristique nulla.[/jaw_accordion_item][jaw_accordion_item class="collapse" title="THIRD ITEM" id="2"]Proin eget nibh elementum, eleifend dui in, sollicitudin urna. Cras viverra leo at ligula pharetra mattis. Proin ut tortor ac quam efficitur sagittis. Vivamus sagittis sapien nec egestas pulvinar. Nunc felis arcu, congue eget iaculis vitae, consequat a libero. Vestibulum non turpis nec arcu facilisis pretium. Praesent dapibus cursus ligula, sed pharetra mi accumsan id. Praesent iaculis eget enim sed hendrerit.[/jaw_accordion_item][/jaw_accordion]


Check this out on our demo site 🙂


If you have any issues, please give us a feedback


If you like GDayNews Theme, we would be very happy for stars rating 🙂

Related Posts

tabs (3)
0 comments
Text Content

Shortcode Tabs

msgtext (2)
0 comments
Text Content

Shortcode Message Text

infobox (2)
0 comments
Text Content

Shortcode Info Box

columns (2)

Shortcode Columns 1/2 – 3/4

blockquotes (4)

Shortcode BlockQuote

Related Posts

tabs (3)
0 comments
Text Content

Shortcode Tabs

msgtext (2)
0 comments
Text Content

Shortcode Message Text

infobox (2)
0 comments
Text Content

Shortcode Info Box

gfonts (2)
0 comments
Text Content

Shortcode Google Fonts

Tags

  • accordion
  • shortcode
  • text content
  • Was this Helpful ?
  • yes   no
Copyright © 2016 jawtemplates - WordPress Design Studio Disable responsivity