Accordion & Toggle

[title text=”Default Accordion Style” size=”h3″ line=”yes” icon=”fa-asterisk” icon_color=”theme”]
[accordion]
[accordion_item title=”Lorem ipsum dolor sit amet, consectetur adipiscing elit.” open=”yes”]
Nam ac nisl dui. Fusce purus augue, blandit a suscipit a, ornare sit amet mi. Vestibulum nec erat erat, nec pulvinar odio. Donec ornare ante a sem condimentum ac fermentum justo dapibus. Mauris varius suscipit turpis eu vestibulum. Nam lectus neque, porttitor in lacinia et, pellentesque ac turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent eget augue at metus pellentesque consequat sed eu purus. Donec nec quam vel ante rhoncus congue ut iaculis ipsum.
[/accordion_item]
[accordion_item title=”Donec gravida felis tristique lacus aliquam pharetra.” open=”no”]
Nam ac accumsan sem. Praesent consequat est et purus accumsan quis molestie nunc blandit. Cras est turpis, semper eget vehicula quis, ornare in magna. Sed dignissim, nulla nec rutrum porttitor, tellus nisi vehicula turpis, a ultrices risus ipsum non ante. Proin mattis scelerisque metus, non laoreet sem auctor eu. Cras vel justo libero, non dictum leo. Fusce faucibus risus vitae sem imperdiet volutpat sed vitae quam. Maecenas volutpat urna eu dui tincidunt dictum. Phasellus sollicitudin vestibulum pharetra. Sed lobortis aliquet enim non varius. Donec tristique sapien quis nunc pretium vestibulum. Nulla imperdiet mi eu nisi auctor imperdiet convallis massa eleifend.
[/accordion_item]
[accordion_item title=”Cras et libero et odio elementum placerat.” open=”no”]
Nam ac nisl dui. Fusce purus augue, blandit a suscipit a, ornare sit amet mi. Vestibulum nec erat erat, nec pulvinar odio. Donec ornare ante a sem condimentum ac fermentum justo dapibus. Mauris varius suscipit turpis eu vestibulum. Nam lectus neque, porttitor in lacinia et, pellentesque ac turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent eget augue at metus pellentesque consequat sed eu purus. Donec nec quam vel ante rhoncus congue ut iaculis ipsum.
[/accordion_item]
[/accordion]
[space]
[title text=”Accordion with Colors & Effect” size=”h3″ line=”yes” icon=”fa-asterisk” icon_color=”theme”]
[accordion effect=”fadeInUp”]
[accordion_item title=”Lorem ipsum dolor sit amet, consectetur adipiscing elit.” open=”yes” color=”orange”]
Nam ac nisl dui. Fusce purus augue, blandit a suscipit a, ornare sit amet mi. Vestibulum nec erat erat, nec pulvinar odio. Donec ornare ante a sem condimentum ac fermentum justo dapibus. Mauris varius suscipit turpis eu vestibulum. Nam lectus neque, porttitor in lacinia et, pellentesque ac turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent eget augue at metus pellentesque consequat sed eu purus. Donec nec quam vel ante rhoncus congue ut iaculis ipsum.
[/accordion_item]
[accordion_item title=”Donec gravida felis tristique lacus aliquam pharetra.” open=”no” color=”darkcyan”]
Nam ac accumsan sem. Praesent consequat est et purus accumsan quis molestie nunc blandit. Cras est turpis, semper eget vehicula quis, ornare in magna. Sed dignissim, nulla nec rutrum porttitor, tellus nisi vehicula turpis, a ultrices risus ipsum non ante. Proin mattis scelerisque metus, non laoreet sem auctor eu. Cras vel justo libero, non dictum leo. Fusce faucibus risus vitae sem imperdiet volutpat sed vitae quam. Maecenas volutpat urna eu dui tincidunt dictum. Phasellus sollicitudin vestibulum pharetra. Sed lobortis aliquet enim non varius. Donec tristique sapien quis nunc pretium vestibulum. Nulla imperdiet mi eu nisi auctor imperdiet convallis massa eleifend.
[/accordion_item]
[accordion_item title=”Cras et libero et odio elementum placerat.” open=”no” color=”royalblue”]
Nam ac nisl dui. Fusce purus augue, blandit a suscipit a, ornare sit amet mi. Vestibulum nec erat erat, nec pulvinar odio. Donec ornare ante a sem condimentum ac fermentum justo dapibus. Mauris varius suscipit turpis eu vestibulum. Nam lectus neque, porttitor in lacinia et, pellentesque ac turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent eget augue at metus pellentesque consequat sed eu purus. Donec nec quam vel ante rhoncus congue ut iaculis ipsum.
[/accordion_item]
[/accordion]
[space]
[title text=”Toggle Styles” size=”h3″ line=”yes” icon=”fa-asterisk” icon_color=”theme”]
[toggle title=”Lorem ipsum dolor sit amet, consectetur adipiscing elit.” open=”yes” color=”orange”]
Nam ac nisl dui. Fusce purus augue, blandit a suscipit a, ornare sit amet mi. Vestibulum nec erat erat, nec pulvinar odio. Donec ornare ante a sem condimentum ac fermentum justo dapibus. Mauris varius suscipit turpis eu vestibulum. Nam lectus neque, porttitor in lacinia et, pellentesque ac turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent eget augue at metus pellentesque consequat sed eu purus. Donec nec quam vel ante rhoncus congue ut iaculis ipsum.
[/toggle]
[toggle title=”Donec gravida felis tristique lacus aliquam pharetra.” open=”no” color=”darkcyan” effect=”fadeInRight”]
Nam ac accumsan sem. Praesent consequat est et purus accumsan quis molestie nunc blandit. Cras est turpis, semper eget vehicula quis, ornare in magna. Sed dignissim, nulla nec rutrum porttitor, tellus nisi vehicula turpis, a ultrices risus ipsum non ante. Proin mattis scelerisque metus, non laoreet sem auctor eu. Cras vel justo libero, non dictum leo. Fusce faucibus risus vitae sem imperdiet volutpat sed vitae quam. Maecenas volutpat urna eu dui tincidunt dictum. Phasellus sollicitudin vestibulum pharetra. Sed lobortis aliquet enim non varius. Donec tristique sapien quis nunc pretium vestibulum. Nulla imperdiet mi eu nisi auctor imperdiet convallis massa eleifend.
[/toggle]
[toggle title=”Cras et libero et odio elementum placerat.” open=”no” color=”royalblue” faq=”yes” effect=”fadeInUp”]
Nam ac nisl dui. Fusce purus augue, blandit a suscipit a, ornare sit amet mi. Vestibulum nec erat erat, nec pulvinar odio. Donec ornare ante a sem condimentum ac fermentum justo dapibus. Mauris varius suscipit turpis eu vestibulum. Nam lectus neque, porttitor in lacinia et, pellentesque ac turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent eget augue at metus pellentesque consequat sed eu purus. Donec nec quam vel ante rhoncus congue ut iaculis ipsum.
[/toggle]

10 Comments

Click here to post a comment