{"id":110,"date":"2011-07-31T16:55:26","date_gmt":"2011-07-31T16:55:26","guid":{"rendered":"http:\/\/cognesismarketing.com\/?page_id=110"},"modified":"2012-06-06T14:17:36","modified_gmt":"2012-06-06T14:17:36","slug":"accordion","status":"publish","type":"page","link":"https:\/\/cognesismarketing.com\/?page_id=110","title":{"rendered":"Accordion"},"content":{"rendered":"<p>The Widgetkit Accordion enables you to display a set of items in a compact space, by clicking on each items header it expands or collapses it&#8217;s content section.<\/p>\r\n\r\n<h2>Features<\/h2>\r\n\r\n<ul class=\"check\">\r\n\t<li>Clean and very lightweight code<\/li>\r\n\t<li>Responsive design to fit all device resolutions<\/li>\r\n\t<li>Smooth transitions on content section toggle<\/li>\r\n\t<li>Option to match automatically the height of varying content<\/li>\r\n\t<li>Option to auto collapse or allow multiple opened items<\/li>\r\n\t<li>Built with HTML5, CSS3, PHP 5.2+, and the latest jQuery version<\/li>\r\n\t<li>Works with Joomla and WordPress<\/li>\r\n<\/ul>\r\n\r\n<h2>Example<\/h2>\r\n\r\n\n<div id=\"accordion-503-69d22ef6bd879\" class=\"wk-accordion wk-accordion-default clearfix\" style=\"width: 500px;\" data-widgetkit=\"accordion\" data-options='{\"width\":500,\"style\":\"default\",\"collapseall\":1,\"matchheight\":1,\"index\":0,\"duration\":500,\"order\":\"default\"}'>\n\t\t\t<h3 class=\"toggler\">Slide 1<\/h3>\n\t\t<div><div class=\"content wk-content clearfix\"><img loading=\"lazy\" decoding=\"async\" class=\"align-left\" src=\"wp-content\/uploads\/yootheme\/widgetkit\/accordion\/image1.png\" alt=\"Icon 01\" height=\"105\" width=\"115\" \/>\r\n<h3 class=\"remove-margin-t\">Headline<\/h3>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua<\/p><\/div><\/div>\n\t\t\t<h3 class=\"toggler\">Slide 2<\/h3>\n\t\t<div><div class=\"content wk-content clearfix\"><img loading=\"lazy\" decoding=\"async\" class=\"align-left\" src=\"wp-content\/uploads\/yootheme\/widgetkit\/accordion\/image2.png\" alt=\"Icon 02\" height=\"105\" width=\"115\" \/>\r\n<h3 class=\"remove-margin-t\">Headline<\/h3>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua<\/p><\/div><\/div>\n\t\t\t<h3 class=\"toggler\">Slide 3<\/h3>\n\t\t<div><div class=\"content wk-content clearfix\"><img loading=\"lazy\" decoding=\"async\" class=\"align-left\" src=\"wp-content\/uploads\/yootheme\/widgetkit\/accordion\/image3.png\" alt=\"Icon 03\" height=\"105\" width=\"115\" \/>\r\n<h3 class=\"remove-margin-t\">Headline<\/h3>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua<\/p><\/div><\/div>\n\t\t\t<h3 class=\"toggler\">Slide 4<\/h3>\n\t\t<div><div class=\"content wk-content clearfix\"><img loading=\"lazy\" decoding=\"async\" class=\"align-left\" src=\"wp-content\/uploads\/yootheme\/widgetkit\/accordion\/image4.png\" alt=\"Icon 04\" height=\"105\" width=\"115\" \/>\r\n<h3 class=\"remove-margin-t\">Headline<\/h3>\r\n<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua<\/p><\/div><\/div>\n\t<\/div>\r\n\r\n<h2>How To Use<\/h2>\r\n\r\n<p>The Widgetkit Accordion lets you easily create and manage all the accordions contents through the user-friendly Widgetkit administration user interface. After you have created an accordion you can load it anywhere on your website using shortcodes or the universal Widgetkit Joomla module or WordPress widget.<\/p>","protected":false},"excerpt":{"rendered":"<p>The Widgetkit Accordion enables you to display a set of items in a compact space, by clicking on each items header it expands or collapses it&#8217;s content section. Features Clean and very lightweight code Responsive design to fit all device resolutions Smooth transitions on content section toggle Option to match automatically the height of varying [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-110","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cognesismarketing.com\/index.php?rest_route=\/wp\/v2\/pages\/110","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cognesismarketing.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cognesismarketing.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cognesismarketing.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cognesismarketing.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=110"}],"version-history":[{"count":0,"href":"https:\/\/cognesismarketing.com\/index.php?rest_route=\/wp\/v2\/pages\/110\/revisions"}],"wp:attachment":[{"href":"https:\/\/cognesismarketing.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}