{"id":115,"date":"2016-05-14T08:27:15","date_gmt":"2016-05-14T08:27:15","guid":{"rendered":"http:\/\/demo.wpshopmart.com\/accordion-pro\/?page_id=115"},"modified":"2016-05-14T08:27:15","modified_gmt":"2016-05-14T08:27:15","slug":"accordion-with-gallery","status":"publish","type":"page","link":"https:\/\/wpshopmart.com\/demos\/accordion-pro\/accordion-with-gallery\/","title":{"rendered":"Accordion With Gallery"},"content":{"rendered":"\t\t<style>\r\n\t#wps_accordion_pro_139{\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_139 .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_139 .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_139 .ac_title_icon{\r\n\t\tmargin-right:8px;\r\n\t\t\t\tdisplay:none;\r\n\t\t\t\t\r\n\t}\r\n\t\r\n\t\r\n\t\/* css files *\/\r\n\tHello\r\n\r\n#accordion_pro_139 a:hover, #accordion_pro_139 a:focus{\r\n    outline: none !important;\r\n    text-decoration: none !important;\r\n}\r\n#accordion_pro_139 .wpsm_panel{\r\n   \t    border: 1px solid #cccccc;\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_139 .wpsm_panel-heading{\r\n    padding: 0 !important;\r\n    border-radius: 0px !important;\r\n    \r\n}\r\n#accordion_pro_139 .wpsm_panel-title > a{\r\n    display: block !important;\r\n\t    padding: 15px 15px 15px 50px !important;\r\n\t    position: relative !important;\r\n\ttransition:0.4s ease !important;\r\n    color:#ffffff !important;\r\n    background:#1e73be !important;\r\n\tfont-size: 18px !important;\r\n\tbox-shadow:none !important;\r\n\tline-height:1.5 !important;\r\n\tfont-weight:500 !important;\r\n}\r\n#wps_accordion_pro_139 .wpsm_panel-title > p{\r\n    display: block !important;\r\n\t    padding: 15px 15px 15px 50px !important;\r\n\t    position: relative !important;\r\n\ttransition:0.4s ease !important;\r\n    color:#ffffff !important;\r\n    background:#1e73be !important;\r\n\tfont-size: 18px !important;\r\n\tbox-shadow:none !important;\r\n\tline-height:1.5 !important;\r\n\tfont-weight:500 !important;\r\n}\r\n#accordion_pro_139 .wpsm_panel-title > a > i{\r\n\tcolor:#ffffff !important;\r\n}\r\n#accordion_pro_139 .wpsm_panel-title > a > .ac_title_img_icon{\r\n    \twidth: 18px !important;\r\n\theight: 18px !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\r\n#accordion_pro_139 .wpsm_panel-title > a.collapsed{\r\n    background: #1e73be !important;\r\n\tcolor: #ffffff !important;\r\n}\r\n#accordion_pro_139 .wpsm_panel-title > a.collapsed > i{\r\n    color: #ffffff !important;\r\n}\r\n#accordion_pro_139 .wpsm_panel-title > a:hover{\r\n   color:#ffffff !important;\r\n    background:#1e73be !important;\r\n}\r\n#accordion_pro_139 .wpsm_panel-title > a:hover i{\r\n   color:#ffffff !important;\r\n}\r\n#accordion_pro_139 .wpsm_panel-title > a:after,\r\n#accordion_pro_139 .wpsm_panel-title > a.collapsed:after{\r\n    content: \"\\f068\" !important;\r\n    font-family: FontAwesome !important;\r\n    color: #ffffff !important;\r\n    font-size: 18px !important;\r\n    position: absolute !important;\r\n    top:calc(50% - 25px) !important;\r\n    left:0px !important;\r\n    padding: 14.5px !important;\r\n    line-height:16px !important;\r\n}\r\n#accordion_pro_139 .wpsm_panel-title > a.collapsed:after{\r\n    content: \"\\f067\" !important;\r\n    color:#ffffff !important;\r\n   transition: 0.4s ease !important;\r\n}\r\n#accordion_pro_139 .wpsm_panel-title > a.collapsed:hover:after{\r\n    color:#ffffff !important;\r\n}\r\n#accordion_pro_139 .wpsm_panel-body{\r\n\tbackground:#ffffff !important;\r\n\tcolor:#666666 !important;\r\n\tfont-size:16px !important;\r\n\tline-height: 26px !important;\r\n    \r\n    border-top: 1px solid #cccccc !important;\r\n}\r\n\r\n#accordion_pro_139 .wpsm_panel-body p{\r\n\tcolor:#666666 !important;\r\n\tfont-size:16px !important;\r\n\tline-height: 26px !important;\r\n}\r\n\r\n\r\n\r\n\t\t#accordion_pro_139 .wpsm_panel-title a, #accordion_pro_139 .wpsm_panel-title a:hover, #accordion_pro_139 .wpsm_panel-title a.collapsed, #accordion_pro_139 .wpsm_panel-title a.collapsed:hover {\r\n\t\t\tbackground-image: none !important;\r\n\t\t}\r\n\t\t\t\t#accordion_pro_139 .wpsm_panel-title > p{\r\n\t\t    display: block !important;\r\n\t\t\t\t\t    padding: 15px 15px 15px 50px !important;\r\n\t\t\t\t\t    position: relative !important;\r\n\t\t    color:#ffffff !important;\r\n\t\t\ttransition:0.4s ease !important;\r\n\t\t    background:#1e73be !important;\r\n\t\t\tfont-size: 18px !important;\r\n\t\t\tbox-shadow:none !important;\r\n\t\t\tline-height:1.5 !important;\r\n\t\t\tfont-weight:500 !important;\r\n\t\t}\r\n\t\t#accordion_pro_139 .wpsm_panel-title > p{\r\n\t\t    background: #1e73be !important;\r\n\t\t\tcolor: #ffffff !important;\r\n\t\t}\r\n\t\t#offset_139 .wpsm_panel-title > p{\r\n\t\t\tmargin-bottom: 0;\r\n\t\t\tmargin-top: 0;\r\n\t\t}\r\n?>\t\r\n\t\/* open close icon option *\/\r\n\t\t\r\n\t#accordion_pro_139 .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_139 .collapsing {\r\n\t\ttransition: height 0.6s;\r\n\t}\r\n\t#accordion_pro_139 .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_139 .wpsm_panel-body{\r\n\t\tfont-family:Arial !important;\r\n\t}\r\n\t#accordion_pro_139 .wpsm_panel-title a{\r\n\t\tfont-family:Arial !important;\r\n\t}\r\n\t\t\t\r\n\t\r\n\t#search_139{\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_139.search_dark{\r\n    background: #464646 !important;\r\n    color: #fff !important;\r\n\t}\r\n\t#search_139.search_dark::placeholder{\r\n\t\tcolor: #d3d3d3;\r\n\t}\r\n\r\n\t\t\r\n\t<\/style>\r\n\r\n\r\n\t<div id=\"wps_accordion_pro_139\"  >\r\n\t\t\t  <div class=\"noresults_139 wpsm_panel-group\" style=\"display: none;\" role=\"tablist\" aria-multiselectable=\"true\">\r\n\t\t  \t<div class=\"wpsm_panel panel\" id=\"offset_139\">\r\n\t\t\t\t\t<div class=\"\" role=\"tab\" id=\"heading_139\">\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_139\" role=\"tablist\" aria-multiselectable=\"true\">\r\n\t\t\t\t\t<div class=\"wpsm_panel panel wpsm_panel-default\" id=\"offset_139_1\">\r\n\t\t\t\t\t<div class=\"wpsm_panel-heading\" role=\"tab\" id=\"heading_139_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_139\" href=\"#collapse_139_1\" aria-expanded=\"true\" aria-controls=\"collapse_139_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\t\t\t\t\t<i class=\"fa fa-laptop ac_title_icon\"><\/i> \t\t\t\t\t\t\t\tAccordion with gallery\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_139_1\" class=\"wpsm_panel-collapse collapse in\" role=\"tabwpsm_panel\" aria-labelledby=\"heading_139_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_139_1\" class=\"wpsm_panel-body_inner  animated fadeIn\">\n\t\t<style type=\"text\/css\">\n\t\t\t#gallery-1 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 25%;\n\t\t\t}\n\t\t\t#gallery-1 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div id='gallery-1' class='gallery galleryid-139 gallery-columns-4 gallery-size-thumbnail'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/wpshopmart.com\/demos\/accordion-pro\/wp-content\/uploads\/sites\/2\/2016\/05\/autumn_rays-wallpaper-1920x1080-1.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"80\" src=\"https:\/\/wpshopmart.com\/demos\/accordion-pro\/wp-content\/uploads\/sites\/2\/2016\/05\/autumn_rays-wallpaper-1920x1080-1.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/wpshopmart.com\/demos\/accordion-pro\/wp-content\/uploads\/sites\/2\/2016\/05\/img-bg-3-copy.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"74\" src=\"https:\/\/wpshopmart.com\/demos\/accordion-pro\/wp-content\/uploads\/sites\/2\/2016\/05\/img-bg-3-copy.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/wpshopmart.com\/demos\/accordion-pro\/wp-content\/uploads\/sites\/2\/2016\/05\/slide6.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"84\" src=\"https:\/\/wpshopmart.com\/demos\/accordion-pro\/wp-content\/uploads\/sites\/2\/2016\/05\/slide6.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<a href='https:\/\/wpshopmart.com\/demos\/accordion-pro\/wp-content\/uploads\/sites\/2\/2016\/05\/slideshow-01.jpg'><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"84\" src=\"https:\/\/wpshopmart.com\/demos\/accordion-pro\/wp-content\/uploads\/sites\/2\/2016\/05\/slideshow-01.jpg\" class=\"attachment-thumbnail size-thumbnail\" alt=\"\" \/><\/a>\n\t\t\t<\/dt><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\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_139_2\">\r\n\t\t\t\t\t<div class=\"wpsm_panel-heading\" role=\"tab\" id=\"heading_139_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_139\" href=\"#collapse_139_2\" aria-expanded=\"true\" aria-controls=\"collapse_139_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\t\t\t\t\t<i class=\"fa fa-laptop ac_title_icon\"><\/i> \t\t\t\t\t\t\t\tAccordion Sample Text\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_139_2\" class=\"wpsm_panel-collapse collapse \" role=\"tabwpsm_panel\" aria-labelledby=\"heading_139_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_139_2\" class=\"wpsm_panel-body_inner  animated fadeIn\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel fermentum dui. Pellentesque vitae porttitor ex, euismod sodales magna. Nunc sed felis sed dui pellentesque sodales porta a magna. Donec dui augue, dignissim faucibus lorem nec, fringilla molestie massa. Sed blandit dapibus bibendum. Sed interdum commodo laoreet. Sed mi orci.\r\n\r\n \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_139_3\">\r\n\t\t\t\t\t<div class=\"wpsm_panel-heading\" role=\"tab\" id=\"heading_139_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_139\" href=\"#collapse_139_3\" aria-expanded=\"true\" aria-controls=\"collapse_139_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\t\t\t\t\t<i class=\"fa fa-laptop ac_title_icon\"><\/i> \t\t\t\t\t\t\t\tAccordion Sample Title\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_139_3\" class=\"wpsm_panel-collapse collapse \" role=\"tabwpsm_panel\" aria-labelledby=\"heading_139_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_139_3\" class=\"wpsm_panel-body_inner  animated fadeIn\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel fermentum dui. Pellentesque vitae porttitor ex, euismod sodales magna. Nunc sed felis sed dui pellentesque sodales porta a magna. Donec dui augue, dignissim faucibus lorem nec, fringilla molestie massa. Sed blandit dapibus bibendum. Sed interdum commodo laoreet. Sed mi orci.\r\n\r\n \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_139').hide();\r\n\t  \r\n\t  jQuery(\"#search_139\").on(\"keyup\", function() {\r\n\r\n\t  \tvar postID = \"139\";\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","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\/115"}],"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=115"}],"version-history":[{"count":0,"href":"https:\/\/wpshopmart.com\/demos\/accordion-pro\/wp-json\/wp\/v2\/pages\/115\/revisions"}],"wp:attachment":[{"href":"https:\/\/wpshopmart.com\/demos\/accordion-pro\/wp-json\/wp\/v2\/media?parent=115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}