{"html":"<div class=\"uc_overlap_accordion\">\n  <div class=\"uc_container\">\n    {{put_items()}}\n  <\/div>\n<\/div>","html_item":"<div class=\"uc_ac_box\">\n  <div class=\"uc-heading uc_trigger-{{uc_id}}\" id=\"{{uc_id}}\"><em>{{item.title|raw}} <\/em>\n    <span class=\"{{item.accordion_active_icon}} uc_dactive ddd\"><\/span> \n    <span class=\"{{item.accordion_dactive_icon}}  uc_active ddd\"><\/span><\/div>\n  <div class=\"uc_content\">\n    {{item.content|raw}}\n  <\/div>\n<\/div>","css":".uc_overlap_accordion .uc_container .uc-heading span\n{\n  background-color: {{icon_bg_color}};\n  color:{{icon_color}};\n}\n\n.uc_overlap_accordion .uc_container .uc_ac_box {\n    border: {{border_color}} 1px solid;\n    margin-bottom: 4px;\n    border-radius: 3px;\n}\n\n.uc_overlap_accordion .uc_container .uc_content\n{\n\tcolor:{{content_active_color}};\n}\n\n.uc_overlap_accordion .uc_container .uc-heading em\n{\n   color:{{content_color}};\n}\n\n.uc_overlap_accordion .uc_container .uc-heading.active em\n{\n   color:{{content_active_color}};\n}\n\n.uc_overlap_accordion .uc_container .uc-heading\n{\n  color:{{content_active_color}};\n}","js":"jQuery(document).ready(function(){\n\t\tjQuery('.uc_overlap_accordion .uc_trigger-{{uc_id}}:first').addClass('active').next().show();\n\t\tjQuery('.uc_overlap_accordion .uc_trigger-{{uc_id}}').click(function(){\n\t\tif( jQuery(this).next().is(':hidden') ) {\n\t\tjQuery('.uc_overlap_accordion .uc_trigger-{{uc_id}}').removeClass('active').next().slideUp();\n\t\tjQuery(this).toggleClass('active').next().slideDown();\n\t\t\n          \n          }else{\n          jQuery('.uc_overlap_accordion .uc_trigger-{{uc_id}}').removeClass('active').next().slideUp();\n\t\t}     \n             \n          \n          \n\t\treturn false;\n\t\t});\n\t});"}