Add any number of accordion on same page. Option to open the first tab and tab autohide by using data attribute
Just set data-autoHide="false" and data-openFirstElement="false" to the main accordion class div.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus
Lorem ipsum dolor sit a m et, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
set data-autoHide="true" and data-openFirstElement="true" to the main accordion class div.
Add any number of accordion on same page.
Lorem ipsum dolor sit a m et, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. onec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, Typi non habent claritatem insitam; est usus legentis in iis qui facit eorum claritatem. Investigationes demonstraverunt lectores legere me lius quod ii legunt saepius. Claritas est etiam processus dynamicus
??
Warning! Best check yo self, you're not looking too good.
Oh snap! Change a few things up and try submitting again.
Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Markup
DefaultSuccessWarningImportantInfoInverse
Typography - Grid
1
1
1
1
1
1
1
1
1
1
1
1
4
4
4
4
8
6
6
12
<h1 Tag>
<h2 Tag>
<h3 Tag>
<h4 Tag>
<h5 Tag>
<h6 Tag>
Blockquote style example It stands out, but is awesome. Lorem ipsum dolor
Dave Gamache, Skeleton Creator
Lorem ipsum highlight text dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.
highlight text Ut wisi enim ad constetur adiscing elit. Lorem ipsum dolor sit amet
