{"id":43,"date":"2016-05-13T20:29:07","date_gmt":"2016-05-13T20:29:07","guid":{"rendered":"http:\/\/demo.wpshopmart.com\/accordion-pro\/?page_id=43"},"modified":"2016-05-13T20:29:07","modified_gmt":"2016-05-13T20:29:07","slug":"accordion-template-4","status":"publish","type":"page","link":"https:\/\/wpshopmart.com\/demos\/accordion-pro\/accordion-template-4\/","title":{"rendered":"Accordion Template 4"},"content":{"rendered":"\t \r\n\t<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/webfont\/1\/webfont.js\"><\/script>\r\n    <script type=\"text\/javascript\">\r\n      WebFont.load({\r\n        google: {\r\n          families: ['Lato'] \r\n        }\r\n      });\r\n    <\/script>\r\n\t\t<style>\r\n\t#wps_accordion_pro_20{\r\n\t\toverflow:hidden;\r\n\t\tdisplay:block;\r\n\t\twidth:100%;\r\n\t\tmargin-bottom:30px;\r\n\t}\r\n\t#accordion_pro_20 .wpsm_panel-title {\r\n\t\tmargin-top: 0px !important;\r\n\t\tmargin-bottom: 0px !important;\r\n\t\tpadding-top: 0px !important;\r\n\t\tpadding-bottom: 0px !important;\r\n\t}\r\n\t\r\n\t#accordion_pro_20 .wpsm_panel-title > a{\r\n\t\t\r\n\t\tborder-bottom: 0px !important;\r\n\t\ttext-decoration:none !important;\r\n\t\toutline: none !important;\r\n\t\tbox-shadow:none !important;\r\n\t}\r\n\t#accordion_pro_20 .ac_title_icon{\r\n\t\tmargin-right:8px;\r\n\t\t\t\t\r\n\t}\r\n\t\r\n\t\r\n\t\/* css files *\/\r\n\t#accordion_pro_20 .wpsm_panel{\r\n    \tborder: 0px !important;\r\n\t    border-radius: 0px !important;\r\n    box-shadow: none !important;\r\n    margin-bottom: -3px !important;\r\n}\r\n#accordion_pro_20 .wpsm_panel-default > .wpsm_panel-heading{\r\n    padding: 0 !important;\r\n    border-radius: 0px !important;\r\n\toverflow:hidden !important;\r\n}\r\n\r\n\r\n#accordion_pro_20 .wpsm_panel-title > a{\r\n    display: block !important;\r\n        padding: 15px 15px 15px 60px !important;\r\n\t    position: relative !important;\r\n\tcolor:#353535 !important;\r\n    background:#eaeaea !important;\r\n\tfont-size: 20px !important;\r\n    transition:0.4s ease !important;\r\n    box-shadow:none !important;\r\n\tline-height:1.5 !important;\r\n\tfont-weight:500 !important;\r\n}\r\n#wps_accordion_pro_20 .wpsm_panel-title > p{\r\n    display: block !important;\r\n        padding: 15px 15px 15px 60px !important;\r\n\t    position: relative !important;\r\n\tcolor:#353535 !important;\r\n    background:#eaeaea !important;\r\n\tfont-size: 20px !important;\r\n    transition:0.4s ease !important;\r\n    box-shadow:none !important;\r\n\tline-height:1.5 !important;\r\n\tfont-weight:500 !important;\r\n}\r\n#accordion_pro_20 .wpsm_panel-title a > i{\r\n\tcolor:#353535 !important;\r\n\ttransition:0.4s ease !important;\r\n}\r\n#accordion_pro_20 .wpsm_panel-title > a > .ac_title_img_icon{\r\n    \twidth: 20px !important;\r\n\theight: 20px !important;\r\n\tvertical-align: middle !important;\r\n\tmargin-left: 0 !important;\r\n\tmargin-top: 0 !important;\r\n\tmargin-bottom: 0 !important;\r\n}\r\n#accordion_pro_20 .wpsm_panel-title > a:focus{\r\n    text-decoration: none !important;\r\n    outline: none !important;\r\n}\r\n#accordion_pro_20 .wpsm_panel-title > a:after,\r\n#accordion_pro_20 .wpsm_panel-title > a.collapsed:after{\r\n    content: \"\\f068\" !important;\r\n    font-family: FontAwesome !important;\r\n\tcolor: #ffffff !important;\r\n    background: #f8504b !important;\r\n    font-size: 17px !important;\r\n    position: absolute !important;\r\n    left:0px !important;\r\n    top:0 !important;\r\n    padding: 14.5px !important;\r\n\theight:100% !important;\r\n\ttransition:0.4s ease !important;\r\n}\r\n#accordion_pro_20 .wpsm_panel-title > a.collapsed:after{\r\n    content: \"\\f067\" !important;\r\n\tcolor:#ffffff !important;\r\n\tbackground:#f8504b !important;\r\n}\r\n#accordion_pro_20 .wpsm_panel-title > a.collapsed:hover:after{\r\n   color: #ffffff !important;\r\n    background: #f8504b !important;\r\n}\r\n#accordion_pro_20 .wpsm_panel-title > a.collapsed{\r\n    background: #eaeaea !important;\r\n\tcolor: #353535 !important;\r\n}\r\n#accordion_pro_20 .wpsm_panel-title > a.collapsed > i{\r\n    color: #353535 !important;\r\n}\r\n#accordion_pro_20 .wpsm_panel-title > a.collapsed:hover{\r\n    color:#353535 !important;\r\n    background:#eaeaea !important;\r\n}\r\n#accordion_pro_20 .wpsm_panel-title > a.collapsed:hover i{\r\n    color:#353535 !important;\r\n}\r\n#accordion_pro_20 .wpsm_panel-body{\r\n    background:#ffffff !important;\r\n\tcolor:#282828 !important;\r\n\tfont-size:18px !important;\r\n\tline-height: 28px !important;\r\n}\r\n\r\n#accordion_pro_20 .wpsm_panel-body p{\r\n\tcolor:#282828 !important;\r\n\tfont-size:18px !important;\r\n\tline-height: 28px !important;\r\n}\r\n#accordion_pro_20 .wpsm_panel-default > .wpsm_panel-heading + .wpsm_panel-collapse > .wpsm_panel-body{\r\n    border-top: 1px solid #ffffff !important;\r\n}\r\n#accordion_pro_20 .wpsm_panel-title > p{\r\n    display: block !important;\r\n        padding: 15px 15px 15px 60px !important;\r\n\t    position: relative !important;\r\n    background:#eaeaea !important;\r\n\tfont-size: 20px !important;\r\n    transition:0.4s ease !important;\r\n    box-shadow:none !important;\r\n\tline-height:1.5 !important;\r\n\tfont-weight:500 !important;\r\n}\r\n#offset_20 .wpsm_panel-title > p{\r\n\tmargin-bottom: 0;\r\n\tmargin-top: 0;\r\n}\r\n#accordion_pro_20 .wpsm_panel-title > p{\r\n    background: #eaeaea !important;\r\n\tcolor: #353535 !important;\r\n}\r\n.wpsm_panel-heading{\r\n\tpadding: 0;\r\n}\r\n\r\n\r\n\r\n\r\n\t\t#accordion_pro_20 .wpsm_panel-title a, #accordion_pro_20 .wpsm_panel-title a:hover, #accordion_pro_20 .wpsm_panel-title a.collapsed, #accordion_pro_20 .wpsm_panel-title a.collapsed:hover {\r\n\t\t\tbackground-image: none !important;\r\n\t\t}\r\n\t\t\t\r\n\t\r\n\t\/* open close icon option *\/\r\n\t\t\r\n\t#accordion_pro_20 .wpsm_panel {\r\n\t\tbackground-color:transparent !important;\r\n\t\t\t\t\tmargin-bottom:10px !important;\r\n\t\t\t\tmargin-top:0px !important;\r\n\t}\r\n\t#accordion_pro_20 .collapsing {\r\n\t\ttransition: height 0.6s;\r\n\t}\r\n\t#accordion_pro_20 .wpsm_panel-body_inner{\r\n\t\toverflow:hidden;\r\n\t\tdisplay:block;\r\n\t\t\r\n\t}\r\n\t\r\n\t\t#accordion_pro_20 .wpsm_panel-body{\r\n\t\tfont-family:Lato !important;\r\n\t}\r\n\t#accordion_pro_20 .wpsm_panel-title a{\r\n\t\tfont-family:Lato !important;\r\n\t}\r\n\t\t\t\r\n\t\r\n\t#search_20{\r\n\t    margin: 40px 0px;\r\n\t    width: 100%;\r\n\t    padding: 15px 12px;\r\n\t    border-radius: 3px;\r\n\t    border: 1px solid #e5e5e5 !important;\r\n\t    background: #fafafa !important;\r\n\t}\r\n\t#search_20.search_dark{\r\n    background: #464646 !important;\r\n    color: #fff !important;\r\n\t}\r\n\t#search_20.search_dark::placeholder{\r\n\t\tcolor: #d3d3d3;\r\n\t}\r\n\r\n\t.tab-demo-overlay-4:before {\r\n    background-color: #F8504B;\r\n}\t\r\n\t<\/style>\r\n\r\n\r\n\t<div id=\"wps_accordion_pro_20\"  >\r\n\t\t\t  <div class=\"noresults_20 wpsm_panel-group\" style=\"display: none;\" role=\"tablist\" aria-multiselectable=\"true\">\r\n\t\t  \t<div class=\"wpsm_panel panel\" id=\"offset_20\">\r\n\t\t\t\t\t<div class=\"\" role=\"tab\" id=\"heading_20\">\r\n\t\t\t\t\t\t<h4 class=\"wpsm_panel-title\">\r\n\t\t\t\t\t\t\t<p>No Result<\/p>\r\n\t\t\t\t\t\t<\/h4>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<div class=\"wpsm_panel-group\" id=\"accordion_pro_20\" role=\"tablist\" aria-multiselectable=\"true\">\r\n\t\t\t\t\t<div class=\"wpsm_panel panel wpsm_panel-default\" id=\"offset_20_1\">\r\n\t\t\t\t\t<div class=\"wpsm_panel-heading\" role=\"tab\" id=\"heading_20_1\">\r\n\t\t\t\t\t\t<h4 class=\"wpsm_panel-title\">\r\n\t\t\t\t\t\t\t<a  role=\"button\"  data-toggle=\"collapse\" data-parent=\"#accordion_pro_20\" href=\"#collapse_20_1\" aria-expanded=\"true\" aria-controls=\"collapse_20_1\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<\/h4>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div id=\"collapse_20_1\" class=\"wpsm_panel-collapse collapse in\" role=\"tabwpsm_panel\" aria-labelledby=\"heading_20_1\">\r\n\t\t\t\t\t\t<div class=\"wpsm_panel-body\">\r\n\t\t\t\t\t\t\t<div id=\"#wpsm_acc_desc_20_1\" class=\"wpsm_panel-body_inner  animated fadeInLeft\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus pretium orci sit amet mi ullamcorper egestas. Sed non mattis metus. Integer vel lorem tincidunt, pharetra eros nec, posuere odio. Nullam eget bibendum sem, venenatis lacinia justo. Duis aliquet lobortis neque, eget volutpat nulla iaculis a. Morbi iaculis, quam a facilisis condimentum, risus erat tincidunt dolor, ac interdum lorem urna non augue. In hac habitasse platea dictumst. Praesent condimentum justo justo, at ultricies diam accumsan vitae.<\/p>\r\n<p>Donec ac elementum diam. Ut quam orci, posuere quis lacus sed, vehicula rhoncus massa. Nunc volutpat nibh nulla, tincidunt egestas tellus faucibus nec.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus pretium orci sit amet mi ullamcorper egestas. Sed non mattis metus. Integer vel lorem tincidunt, pharetra eros nec, posuere odio. Nullam eget bibendum sem, venenatis lacinia justo. Duis aliquet lobortis neque, eget volutpat nulla iaculis a. Morbi iaculis, quam a facilisis condimentum, risus erat tincidunt dolor, ac interdum lorem urna non augue. In hac habitasse platea dictumst. Praesent condimentum justo justo, at ultricies diam accumsan vitae.<\/p>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t   \r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"wpsm_panel panel wpsm_panel-default\" id=\"offset_20_2\">\r\n\t\t\t\t\t<div class=\"wpsm_panel-heading\" role=\"tab\" id=\"heading_20_2\">\r\n\t\t\t\t\t\t<h4 class=\"wpsm_panel-title\">\r\n\t\t\t\t\t\t\t<a  role=\"button\" class=collapsed data-toggle=\"collapse\" data-parent=\"#accordion_pro_20\" href=\"#collapse_20_2\" aria-expanded=\"true\" aria-controls=\"collapse_20_2\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<\/h4>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div id=\"collapse_20_2\" class=\"wpsm_panel-collapse collapse \" role=\"tabwpsm_panel\" aria-labelledby=\"heading_20_2\">\r\n\t\t\t\t\t\t<div class=\"wpsm_panel-body\">\r\n\t\t\t\t\t\t\t<div id=\"#wpsm_acc_desc_20_2\" class=\"wpsm_panel-body_inner  animated fadeInLeft\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus pretium orci sit amet mi ullamcorper egestas. Sed non mattis metus. Integer vel lorem tincidunt, pharetra eros nec, posuere odio. Nullam eget bibendum sem, venenatis lacinia justo. Duis aliquet lobortis neque, eget volutpat nulla iaculis a. Morbi iaculis, quam a facilisis condimentum, risus erat tincidunt dolor, ac interdum lorem urna non augue. In hac habitasse platea dictumst. Praesent condimentum justo justo, at ultricies diam accumsan vitae.<\/p>\r\n<p>Donec ac elementum diam. Ut quam orci, posuere quis lacus sed, vehicula rhoncus massa. Nunc volutpat nibh nulla, tincidunt egestas tellus faucibus nec.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus pretium orci sit amet mi ullamcorper egestas. Sed non mattis metus. Integer vel lorem tincidunt, pharetra eros nec, posuere odio. Nullam eget bibendum sem, venenatis lacinia justo. Duis aliquet lobortis neque, eget volutpat nulla iaculis a. Morbi iaculis, quam a facilisis condimentum, risus erat tincidunt dolor, ac interdum lorem urna non augue. In hac habitasse platea dictumst. Praesent condimentum justo justo, at ultricies diam accumsan vitae.<\/p>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t   \r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<div class=\"wpsm_panel panel wpsm_panel-default\" id=\"offset_20_3\">\r\n\t\t\t\t\t<div class=\"wpsm_panel-heading\" role=\"tab\" id=\"heading_20_3\">\r\n\t\t\t\t\t\t<h4 class=\"wpsm_panel-title\">\r\n\t\t\t\t\t\t\t<a  role=\"button\" class=collapsed data-toggle=\"collapse\" data-parent=\"#accordion_pro_20\" href=\"#collapse_20_3\" aria-expanded=\"true\" aria-controls=\"collapse_20_3\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<\/h4>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<div id=\"collapse_20_3\" class=\"wpsm_panel-collapse collapse \" role=\"tabwpsm_panel\" aria-labelledby=\"heading_20_3\">\r\n\t\t\t\t\t\t<div class=\"wpsm_panel-body\">\r\n\t\t\t\t\t\t\t<div id=\"#wpsm_acc_desc_20_3\" class=\"wpsm_panel-body_inner  animated fadeInLeft\"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus pretium orci sit amet mi ullamcorper egestas. Sed non mattis metus. Integer vel lorem tincidunt, pharetra eros nec, posuere odio. Nullam eget bibendum sem, venenatis lacinia justo. Duis aliquet lobortis neque, eget volutpat nulla iaculis a. Morbi iaculis, quam a facilisis condimentum, risus erat tincidunt dolor, ac interdum lorem urna non augue. In hac habitasse platea dictumst. Praesent condimentum justo justo, at ultricies diam accumsan vitae.<\/p>\r\n<p>Donec ac elementum diam. Ut quam orci, posuere quis lacus sed, vehicula rhoncus massa. Nunc volutpat nibh nulla, tincidunt egestas tellus faucibus nec.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus pretium orci sit amet mi ullamcorper egestas. Sed non mattis metus. Integer vel lorem tincidunt, pharetra eros nec, posuere odio. Nullam eget bibendum sem, venenatis lacinia justo. Duis aliquet lobortis neque, eget volutpat nulla iaculis a. Morbi iaculis, quam a facilisis condimentum, risus erat tincidunt dolor, ac interdum lorem urna non augue. In hac habitasse platea dictumst. Praesent condimentum justo justo, at ultricies diam accumsan vitae.<\/p>\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t   \r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n<\/div>\r\n\t<\/div>\r\n\r\n\t\r\n\t\r\n\t\t\r\n<script type=\"text\/javascript\">\r\n\r\n\t\tjQuery(document).ready(function(){\r\n\t  jQuery('.noresults_20').hide();\r\n\t  \r\n\t  jQuery(\"#search_20\").on(\"keyup\", function() {\r\n\r\n\t  \tvar postID = \"20\";\r\n\t  \t\r\n\t  \tconsole.log(postID);\r\n\r\n\r\n\r\n\t    var value = jQuery(this).val().toLowerCase();\r\n\t    jQuery(\"#wps_accordion_pro_\" + postID + \" .wpsm_panel-default\").filter(function() {\r\n\t      jQuery(this).toggle(jQuery(this).text().toLowerCase().indexOf(value) > -1)\r\n\t      jQuery('.noresults_' + postID).hide();\r\n\t      \r\n\t      var noResult = true;\r\n\t      jQuery(\"#wps_accordion_pro_\" + postID + \" .wpsm_panel-default\").children('div').each(function () {\r\n\t      \tif (jQuery(this).children(':visible').length != 0) {\r\n\t        \tnoResult = false;\r\n\t        }\r\n\t      });   \r\n\t      if (noResult) {\r\n\t      \tjQuery('.noresults_' + postID).show();\r\n\t      }\r\n\t    });\r\n\t  });\r\n\t});\r\n<\/script>\n<p><a href=\"\/\/www.bluehost.com\/track\/dazzlersoft\/\" target=\"_blank\" rel=\"noopener\"> <img decoding=\"async\" border=\"0\" alt=\"bluehost wpshopmart\" class=\"img-responsive\" src=\"\/\/bluehost-cdn.com\/media\/partner\/images\/dazzlersoft\/620x203\/bh-620x203-04-dy.png\"> <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-full-width.php","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/wpshopmart.com\/demos\/accordion-pro\/wp-json\/wp\/v2\/pages\/43"}],"collection":[{"href":"https:\/\/wpshopmart.com\/demos\/accordion-pro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpshopmart.com\/demos\/accordion-pro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpshopmart.com\/demos\/accordion-pro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpshopmart.com\/demos\/accordion-pro\/wp-json\/wp\/v2\/comments?post=43"}],"version-history":[{"count":0,"href":"https:\/\/wpshopmart.com\/demos\/accordion-pro\/wp-json\/wp\/v2\/pages\/43\/revisions"}],"wp:attachment":[{"href":"https:\/\/wpshopmart.com\/demos\/accordion-pro\/wp-json\/wp\/v2\/media?parent=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}