{"id":960,"date":"2014-09-29T11:00:58","date_gmt":"2014-09-29T11:00:58","guid":{"rendered":"http:\/\/www.aivahthemes.com\/hopes\/?page_id=960"},"modified":"2015-04-13T12:21:46","modified_gmt":"2015-04-13T12:21:46","slug":"accordion","status":"publish","type":"page","link":"https:\/\/www.aivahthemes.com\/hopes\/shortcodes\/accordion\/","title":{"rendered":"Accordion"},"content":{"rendered":"<h1>Accordion<\/h1>\n<span class=\"highlight1\"  style=\"background-color:#1e73be;color:#ffffff;\">Parameters for the Accordion<\/span>\n<div class=\"divider  thin\"  style=\"border-color:#dddddd;margin:20px 0;\"><\/div>\n\n<strong>Type of Accordion: <\/strong> Normal\/FAQ<br \/>\n<strong>Type of mode: <\/strong> Toggle\/Accordion<br \/>\n<strong>Accordion Title: <\/strong> Title text for Accordion<br \/>\n<strong>Accordion Limit: <\/strong> Select toggle rows you wish to display, 2,3 or 4<br \/>\n<strong>Animations: <\/strong> Select an animation effect for the element<br \/>\n<strong>Advanced Options: <\/strong> Animation Duration, Delay and Iteration Options<br \/>\n\n<div class=\"divider  thin\"  style=\"border-color:#dddddd;margin:20px 0;\"><\/div>\n<h4>Standard Accordion with toggle mode,type=&#8221;normal&#8221; and active=&#8221;true&#8221;<\/h4>\n<div   id=\"toggle4\" class=\"ac_wrap iva_anim\"><div class=\"toggle-title  arrow active\"><span class=\"arrow\"><\/span><i class=\"fa fa fa-compass\"><\/i>Aenean venenatis<\/div><div class=\"toggle_content  ac_content arrow active\">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.<br \/><\/div><div class=\"toggle-title  arrow \"><span class=\"arrow\"><\/span><i class=\"fa fa fa-compass\"><\/i>Aenean venenatis<\/div><div class=\"toggle_content  ac_content arrow \">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.<br \/><\/div><\/div>\n<div class=\"demo_space\"  style=\"height:10px\"><\/div>\n<p><strong>Get The Code:<\/strong><\/p>\n<pre>&#091;accordion-wrap type=\"normal\" mode=\"toggle\"]\r\nContent Here....\r\nContent Here....\r\n[\/accordion-wrap]<\/pre>\n<div class=\"divider  thin\"  style=\"margin:20px 0 20px 0;\"><\/div>\n<h4>Standard Accordion with toggle mode,type=&#8221;faq&#8221; and active=&#8221;true&#8221;<\/h4>\n<div   id=\"toggle2\" class=\"ac_wrap iva_anim\"><div class=\"toggle-title  faq active\"><span class=\"faq\"><\/span><i class=\"fa fa fa-compass\"><\/i>Aenean venenatis<\/div><div class=\"toggle_content  ac_content faq active\">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 class=\"toggle-title  faq \"><span class=\"faq\"><\/span><i class=\"fa fa fa-compass\"><\/i>Aenean venenatis<\/div><div class=\"toggle_content  ac_content faq \">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 class=\"divider  thin\"  style=\"margin:60px 0 40px 0;\"><\/div>\n<strong>Get The Code:<\/strong><\/p>\n<pre>&#091;accordion-wrap type=\"faq\" mode=\"toggle\"]\r\nContent Here....\r\nContent Here....\r\n[\/accordion-wrap]<\/pre>\n<div class=\"divider  thin\"  style=\"margin:20px 0 20px 0;\"><\/div>\n<h4>Standard Accordion with toggle mode,type=&#8221;faq&#8221; and active=&#8221;true&#8221;<\/h4>\n<div   id=\"toggle8\" class=\"ac_wrap iva_anim\"><div class=\"toggle-title  faq active\"><span class=\"faq\"><\/span><i class=\"fa fa fa-compass\"><\/i>Aenean venenatis<\/div><div class=\"toggle_content  ac_content faq active\">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 class=\"toggle-title  faq \"><span class=\"faq\"><\/span><i class=\"fa fa fa-compass\"><\/i>Aenean venenatis<\/div><div class=\"toggle_content  ac_content faq \">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 class=\"divider  thin\"  style=\"margin:60px 0 40px 0;\"><\/div>\n<strong>Get The Code:<\/strong><\/p>\n<pre>&#091;accordion-wrap type=\"faq\" mode=\"toggle\"]\r\nContent Here....\r\nContent Here....\r\n[\/accordion-wrap]<\/pre>\n<div class=\"divider  thin\"  style=\"margin:20px 0 20px 0;\"><\/div>\n<h4>Standard Accordion with accordion mode,type=&#8221;normal&#8221; and active=&#8221;true&#8221;<\/h4>\n<div  id=\"accordion223\" class=\"ac_wrap  iva_anim\"><div class=\"ac_title active\"><span class=\"arrow\"><\/span><i class=\"fa fa fa-compass\"><\/i>Aenean venenatis<\/div><div class=\"ac_content active\">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 class=\"ac_title \"><span class=\"arrow\"><\/span><i class=\"fa fa fa-compass\"><\/i>Aenean venenatis<\/div><div class=\"ac_content \">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 class=\"divider  thin\"  style=\"margin:60px 0 40px 0;\"><\/div>\n<strong>Get The Code:<\/strong><\/p>\n<pre>&#091;accordion-wrap type=\"normal\" mode=\"accordion\"]\r\nContent Here....\r\nContent Here....\r\n[\/accordion-wrap]<\/pre>\n<div class=\"divider  thin\"  style=\"margin:20px 0 20px 0;\"><\/div>\n<h4>Standard Accordion with accordion mode,type=&#8221;faq&#8221; and active=&#8221;false&#8221;<\/h4>\n<div  id=\"accordion680\" class=\"ac_wrap  iva_anim\"><div class=\"ac_title \"><span class=\"faq\"><\/span><i class=\"fa fa fa-compass\"><\/i>Aenean venenatis<\/div><div class=\"ac_content \">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 class=\"ac_title \"><span class=\"faq\"><\/span><i class=\"fa fa fa-compass\"><\/i>Aenean venenatis<\/div><div class=\"ac_content \">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 class=\"divider  thin\"  style=\"margin:60px 0 40px 0;\"><\/div>\n<strong>Get The Code:<\/strong><\/p>\n<pre>&#091;accordion-wrap type=\"faq\" mode=\"accordion\"]\r\nContent Here....\r\nContent Here....\r\n[\/accordion-wrap]<\/pre>\n<div class=\"divider  thin\"  style=\"margin:20px 0 20px 0;\"><\/div>\n<h4>Standard Accordion with animation<\/h4>\n<div   data-id=\"fadeInRight\" id=\"toggle3\" class=\"ac_wrap iva_anim\"><div class=\"toggle-title  arrow \"><span class=\"arrow\"><\/span><i class=\"fa fa fa-compass\"><\/i>Title Here<\/div><div class=\"toggle_content  ac_content arrow \">Content Here<\/div><div class=\"toggle-title  arrow \"><span class=\"arrow\"><\/span><i class=\"fa fa fa-compass\"><\/i>Title Here<\/div><div class=\"toggle_content  ac_content arrow \">Content Here<\/div><\/div>\n<div class=\"divider  thin\"  style=\"margin:60px 0 40px 0;\"><\/div>\n<strong>Get The Code:<\/strong><\/p>\n<pre>&#091;accordion-wrap animation=\"\" duration=\"\" delay=\"\" type=\"\" iteration=\"\" type=\"normal\" mode=\"accordion\"]\r\nContent Here....\r\nContent Here....\r\n[\/accordion-wrap]<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Accordion Standard Accordion with toggle mode,type=&#8221;normal&#8221; and active=&#8221;true&#8221; Get The Code: &#091;accordion-wrap type=&#8221;normal&#8221; mode=&#8221;toggle&#8221;] [\/accordion-wrap] Standard Accordion with toggle mode,type=&#8221;faq&#8221; and active=&#8221;true&#8221; Get The Code: &#091;accordion-wrap type=&#8221;faq&#8221; mode=&#8221;toggle&#8221;] [\/accordion-wrap] Standard [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":957,"menu_order":0,"comment_status":"open","ping_status":"open","template":"template_subpage.php","meta":{"footnotes":""},"class_list":["post-960","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.aivahthemes.com\/hopes\/wp-json\/wp\/v2\/pages\/960","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.aivahthemes.com\/hopes\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.aivahthemes.com\/hopes\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.aivahthemes.com\/hopes\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.aivahthemes.com\/hopes\/wp-json\/wp\/v2\/comments?post=960"}],"version-history":[{"count":3,"href":"https:\/\/www.aivahthemes.com\/hopes\/wp-json\/wp\/v2\/pages\/960\/revisions"}],"predecessor-version":[{"id":1183,"href":"https:\/\/www.aivahthemes.com\/hopes\/wp-json\/wp\/v2\/pages\/960\/revisions\/1183"}],"up":[{"embeddable":true,"href":"https:\/\/www.aivahthemes.com\/hopes\/wp-json\/wp\/v2\/pages\/957"}],"wp:attachment":[{"href":"https:\/\/www.aivahthemes.com\/hopes\/wp-json\/wp\/v2\/media?parent=960"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}