{"id":110,"date":"2011-07-31T16:55:26","date_gmt":"2011-07-31T16:55:26","guid":{"rendered":"http:\/\/192.168.1.50\/Themes\/2012\/Nano2\/Website_WP\/?page_id=110"},"modified":"2013-06-25T13:53:17","modified_gmt":"2013-06-25T13:53:17","slug":"accordion","status":"publish","type":"page","link":"https:\/\/moms.abreastpumpandmore.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. When clicking on each item&#8217;s header, it expands or collapses its content section.<\/p>\r\n\r\n<h2>Features<\/h2>\r\n\r\n<ul class=\"uk-list uk-list-space\">\r\n    <li><i class=\"uk-icon uk-icon-check\"><\/i> Clean and very lightweight code<\/li>\r\n    <li><i class=\"uk-icon uk-icon-check\"><\/i> Responsive design to fit all device resolutions<\/li>\r\n    <li><i class=\"uk-icon uk-icon-check\"><\/i> Smooth transitions on content section toggle<\/li>\r\n    <li><i class=\"uk-icon uk-icon-check\"><\/i> Option to automatically match the height of varying content<\/li>\r\n    <li><i class=\"uk-icon uk-icon-check\"><\/i> Option to auto collapse or allow multiple opened items<\/li>\r\n    <li><i class=\"uk-icon uk-icon-check\"><\/i> Built with HTML5, CSS3, PHP 5.3+ and the latest jQuery version<\/li>\r\n    <li><i class=\"uk-icon uk-icon-check\"><\/i> 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-69d4c8b789193\" class=\"wk-accordion wk-accordion-default clearfix\" style=\"width: 500px;\" data-widgetkit=\"accordion\" data-options='{\"style\":\"default\",\"collapseall\":1,\"matchheight\":1,\"index\":0,\"duration\":500,\"width\":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=\"uk-align-left\" src=\"wp-content\/uploads\/yootheme\/widgetkit\/accordion\/image1.png\" width=\"115\" height=\"105\" alt=\"Icon 01\">\r\n<h3 class=\"uk-margin-top-remove\">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=\"uk-align-left\" src=\"wp-content\/uploads\/yootheme\/widgetkit\/accordion\/image2.png\" width=\"115\" height=\"105\" alt=\"Icon 02\">\r\n<h3 class=\"uk-margin-top-remove\">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=\"uk-align-left\" src=\"wp-content\/uploads\/yootheme\/widgetkit\/accordion\/image3.png\" width=\"115\" height=\"105\" alt=\"Icon 03\">\r\n<h3 class=\"uk-margin-top-remove\">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=\"uk-align-left\" src=\"wp-content\/uploads\/yootheme\/widgetkit\/accordion\/image4.png\" width=\"115\" height=\"105\" alt=\"Icon 04\">\r\n<h3 class=\"uk-margin-top-remove\">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 accordion&#8217;s contents through the user-friendly Widgetkit administration 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. When clicking on each item&#8217;s header, it expands or collapses its content section. Features Clean and very lightweight code Responsive design to fit all device resolutions Smooth transitions on content section toggle Option to automatically match 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:\/\/moms.abreastpumpandmore.com\/index.php?rest_route=\/wp\/v2\/pages\/110","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moms.abreastpumpandmore.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moms.abreastpumpandmore.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moms.abreastpumpandmore.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moms.abreastpumpandmore.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=110"}],"version-history":[{"count":0,"href":"https:\/\/moms.abreastpumpandmore.com\/index.php?rest_route=\/wp\/v2\/pages\/110\/revisions"}],"wp:attachment":[{"href":"https:\/\/moms.abreastpumpandmore.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}