{"id":262,"date":"2014-05-23T07:31:21","date_gmt":"2014-05-23T07:31:21","guid":{"rendered":"http:\/\/www.aivahthemes.com\/lifecare\/?page_id=262"},"modified":"2016-11-24T15:51:38","modified_gmt":"2016-11-24T10:21:38","slug":"accordion","status":"publish","type":"page","link":"https:\/\/www.aivahthemes.com\/lifecare\/shortcodes\/accordion\/","title":{"rendered":"Accordion"},"content":{"rendered":"

Multiple Accordion Styles<\/span><\/h1><\/div>\nParameters for the Accordion<\/strong><\/span>\n
<\/div>
<\/div>\n\nType of Accordion: <\/strong> Normal\/FAQ
\nType of mode: <\/strong> Toggle\/Accordion
\nAccordion Title: <\/strong> Title text for Accordion
\nAccordion Limit: <\/strong> Select toggle rows you wish to display, 2,3 or 4
\nAnimations: <\/strong> Select an animation effect for the element
\nAdvanced Options: <\/strong> Animation Duration, Delay and Iteration Options
\n\n
<\/div>
<\/div>\n
Standard Accordion with toggle mode,type=”normal” and active=”true”<\/span><\/h5><\/div>\n
<\/span><\/i>Aenean venenatis<\/div>
Aenean venenatis posuere aliquet. Duis sollicitudin augue quis nulla dignissim aliquam. Ut consectetur aliquam diam at consequat. Etiam laoreet orci at tortor convallis convallis. Vestibulum fringilla erat quam, ac cursus mi iaculis vitae.
<\/div>
<\/span><\/i>Aenean venenatis<\/div>
Aenean venenatis posuere aliquet. Duis sollicitudin augue quis nulla dignissim aliquam. Ut consectetur aliquam diam at consequat. Etiam laoreet orci at tortor convallis convallis. Vestibulum fringilla erat quam, ac cursus mi iaculis vitae.
<\/div><\/div>\n
<\/div>\n

Get The Code:<\/strong><\/p>\n

[accordion-wrap type=\"normal\" mode=\"toggle\"]\r\n[accordion title=\"Title Here\" icon=\"fa fa-compass\" active=\"true\"]Content Here....[\/accordion]\r\n[accordion title=\"Title Here\" icon=\"fa fa-compass\" active=\"false\"]Content Here....[\/accordion]\r\n[\/accordion-wrap]<\/pre>\n
<\/div>
<\/div>\n
Standard Accordion with toggle mode,type=”faq” and active=”true”<\/span><\/h5><\/div>\n
<\/div>\n
<\/span><\/i>Aenean venenatis<\/div>
Aenean venenatis posuere aliquet. Duis sollicitudin augue quis nulla dignissim aliquam. Ut consectetur aliquam diam at consequat. Etiam laoreet orci at tortor convallis convallis. Vestibulum fringilla erat quam, ac cursus mi iaculis vitae.<\/div>
<\/span><\/i>Aenean venenatis<\/div>
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.Aenean venenatis posuere aliquet. Duis sollicitudin augue quis nulla dignissim aliquam. Ut consectetur aliquam diam at consequat. Etiam laoreet orci at tortor convallis convallis. Vestibulum fringilla erat quam, ac cursus mi iaculis vitae.<\/div><\/div>\n
<\/div>
<\/div>\nGet The Code:<\/strong><\/p>\n
[accordion-wrap type=\"faq\" mode=\"toggle\"]\r\n[accordion title=\"Title Here\" icon=\"fa fa-compass\" active=\"true\"]Content Here....[\/accordion]\r\n[accordion title=\"Title Here\" icon=\"fa fa-compass\" active=\"false\"]Content Here....[\/accordion]\r\n[\/accordion-wrap]<\/pre>\n
<\/div>
<\/div>\n
Standard Accordion with toggle mode,type=”faq” and active=”true”<\/span><\/h5><\/div>\n
<\/div>\n
<\/span><\/i>Aenean venenatis<\/div>
Aenean venenatis posuere aliquet. Duis sollicitudin augue quis nulla dignissim aliquam. Ut consectetur aliquam diam at consequat. Etiam laoreet orci at tortor convallis convallis. Vestibulum fringilla erat quam, ac cursus mi iaculis vitae.<\/div>
<\/span><\/i>Aenean venenatis<\/div>
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.Aenean venenatis posuere aliquet. Duis sollicitudin augue quis nulla dignissim aliquam. Ut consectetur aliquam diam at consequat. Etiam laoreet orci at tortor convallis convallis. Vestibulum fringilla erat quam, ac cursus mi iaculis vitae.<\/div><\/div>\n
<\/div>
<\/div>\nGet The Code:<\/strong><\/p>\n
[accordion-wrap type=\"faq\" mode=\"toggle\"]\r\n[accordion title=\"Title Here\" icon=\"fa fa-compass\" active=\"true\"]Content Here....[\/accordion]\r\n[accordion title=\"Title Here\" icon=\"fa fa-compass\" active=\"false\"]Content Here....[\/accordion]\r\n[\/accordion-wrap]<\/pre>\n
<\/div>
<\/div>\n
Standard Accordion with accordion mode,type=”normal” and active=”true”<\/span><\/h5><\/div>\n
<\/div>\n
<\/span><\/i>Aenean venenatis<\/div>
Aenean venenatis posuere aliquet. Duis sollicitudin augue quis nulla dignissim aliquam. Ut consectetur aliquam diam at consequat. Etiam laoreet orci at tortor convallis convallis. Vestibulum fringilla erat quam, ac cursus mi iaculis vitae.<\/div>
<\/span><\/i>Aenean venenatis<\/div>
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.Aenean venenatis posuere aliquet. Duis sollicitudin augue quis nulla dignissim aliquam. Ut consectetur aliquam diam at consequat. Etiam laoreet orci at tortor convallis convallis. Vestibulum fringilla erat quam, ac cursus mi iaculis vitae.<\/div><\/div>\n
<\/div>
<\/div>\nGet The Code:<\/strong><\/p>\n
[accordion-wrap type=\"normal\" mode=\"accordion\"]\r\n[accordion title=\"Title Here\" icon=\"fa fa-compass\" active=\"true\"]Content Here....[\/accordion]\r\n[accordion title=\"Title Here\" icon=\"fa fa-compass\" active=\"false\"]Content Here....[\/accordion]\r\n[\/accordion-wrap]<\/pre>\n
<\/div>
<\/div>\n
Standard Accordion with accordion mode,type=”faq” and active=”false”<\/span><\/h5><\/div>\n
<\/div>\n
<\/span><\/i>Aenean venenatis<\/div>
Aenean venenatis posuere aliquet. Duis sollicitudin augue quis nulla dignissim aliquam. Ut consectetur aliquam diam at consequat. Etiam laoreet orci at tortor convallis convallis. Vestibulum fringilla erat quam, ac cursus mi iaculis vitae.<\/div>
<\/span><\/i>Aenean venenatis<\/div>
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.Aenean venenatis posuere aliquet. Duis sollicitudin augue quis nulla dignissim aliquam. Ut consectetur aliquam diam at consequat. Etiam laoreet orci at tortor convallis convallis. Vestibulum fringilla erat quam, ac cursus mi iaculis vitae.<\/div><\/div>\n
<\/div>
<\/div>\nGet The Code:<\/strong><\/p>\n
[accordion-wrap type=\"faq\" mode=\"accordion\"]\r\n[accordion title=\"Title Here\" icon=\"fa fa-compass\" active=\"false\"]Content Here....[\/accordion]\r\n[accordion title=\"Title Here\" icon=\"fa fa-compass\" active=\"false\"]Content Here....[\/accordion]\r\n[\/accordion-wrap]<\/pre>\n
<\/div>
<\/div>\n
Standard Accordion with animation<\/span><\/h5><\/div>\n
<\/div>\n
<\/span><\/i>Title Here<\/div>
Content Here<\/div>
<\/span><\/i>Title Here<\/div>
Content Here<\/div><\/div>\n
<\/div>
<\/div>\nGet The Code:<\/strong><\/p>\n
[accordion-wrap animation=\"\" duration=\"\" delay=\"\" type=\"\" iteration=\"\" type=\"normal\" mode=\"accordion\"]\r\n[accordion title=\"Title Here\" icon=\"fa fa-compass\" active=\"false\"]Content Here....[\/accordion]\r\n[accordion title=\"Title Here\" icon=\"fa fa-compass\" active=\"false\"]Content Here....[\/accordion]\r\n[\/accordion-wrap]<\/pre>\n","protected":false},"excerpt":{"rendered":"
Get The Code: [accordion-wrap type=”normal” mode=”toggle”] [accordion title=”Title Here” icon=”fa fa-compass” active=”true”]Content Here….[\/accordion] [accordion title=”Title Here” icon=”fa fa-compass” active=”false”]Content Here….[\/accordion] [\/accordion-wrap] Get The Code: [accordion-wrap type=”faq” mode=”toggle”] [accordion title=”Title Here” icon=”fa fa-compass” active=”true”]Content Here….[\/accordion] [accordion title=”Title Here” icon=”fa fa-compass” active=”false”]Content Here….[\/accordion] [\/accordion-wrap] Get The Code: [accordion-wrap type=”faq” mode=”toggle”] [accordion title=”Title Here” icon=”fa fa-compass” active=”true”]Content Here….[\/accordion] […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":260,"menu_order":0,"comment_status":"open","ping_status":"open","template":"template_subpage.php","meta":{"footnotes":""},"class_list":["post-262","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.aivahthemes.com\/lifecare\/wp-json\/wp\/v2\/pages\/262","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.aivahthemes.com\/lifecare\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.aivahthemes.com\/lifecare\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.aivahthemes.com\/lifecare\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.aivahthemes.com\/lifecare\/wp-json\/wp\/v2\/comments?post=262"}],"version-history":[{"count":3,"href":"https:\/\/www.aivahthemes.com\/lifecare\/wp-json\/wp\/v2\/pages\/262\/revisions"}],"predecessor-version":[{"id":3857,"href":"https:\/\/www.aivahthemes.com\/lifecare\/wp-json\/wp\/v2\/pages\/262\/revisions\/3857"}],"up":[{"embeddable":true,"href":"https:\/\/www.aivahthemes.com\/lifecare\/wp-json\/wp\/v2\/pages\/260"}],"wp:attachment":[{"href":"https:\/\/www.aivahthemes.com\/lifecare\/wp-json\/wp\/v2\/media?parent=262"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}