File: /home/madepabj/hc-cosmetics.com/wp-content/themes/dbea/assets/js/sns-script.js
(function ($) {
"use strict";
$(document).ready(function($){
var $win = $(window);
// Add class for Blog page
if ( $("#snsmain.sns-blog-posts").length ){
$('body').addClass('sns-blog-archive');
}
// Sticky menu
if ( $('#sns_header .main-header').length && $('body').hasClass('use_stickmenu') ) {
var headerOrgOffset = $('#sns_header .main-header').offset().top;
var lastScroll = 0;
$( window ).scroll( function() {
var currentScroll = $(this).scrollTop();
if(currentScroll > headerOrgOffset) {
$('#sns_header .main-header:not(.stiky-spacer)').addClass('keep-menu');
if ( $('#sns_header .main-header.stiky-spacer').length <= 0 ){
$('#sns_header .main-header').clone().addClass('stiky-spacer').appendTo('#sns_header');
}
} else {
$('#sns_header .main-header:not(.stiky-spacer)').removeClass('keep-menu');
if ( $('#sns_header .main-header.stiky-spacer').length > 0 ){
$('#sns_header .main-header.stiky-spacer').remove();
}
}
if ( currentScroll > lastScroll && !$('#sns_header .main-header:not(.stiky-spacer)').hasClass('hidden-kmenu') ) {
// down
if ( currentScroll > headerOrgOffset + $('#sns_header .main-header.keep-menu:not(.stiky-spacer)').outerHeight() ) {
var scroolH = headerOrgOffset + $('#sns_header .main-header.keep-menu:not(.stiky-spacer)').outerHeight();
$('#sns_header .main-header.keep-menu:not(.stiky-spacer)').addClass('hidden-kmenu');
}
} else if ( currentScroll < lastScroll && $('#sns_header .main-header:not(.stiky-spacer)').hasClass('hidden-kmenu') ) {
// up
$('#sns_header .main-header:not(.stiky-spacer)').removeClass('hidden-kmenu');
}
lastScroll = currentScroll;
});
}
// Promo bar
$('.sns-promobar').each(function(){
var $this = $(this);
var status;
if ($this.hasClass('active') ) {
$this.find('.content').slideDown(300);
}else{
$this.find('.content').slideUp(300);
}
$this.find('.btn-promobar').click(function(){
if ($this.hasClass('active') ) {
$this.find('.content').slideUp(300); $this.removeClass('active'); status = 0;
}else{
$this.find('.content').slideDown(300); $this.addClass('active'); status = 1;
}
$.ajax({
url: ajaxurl,
data:{
action : 'sns_setcookies',
key : 'promo_status',
value : status
},
type: 'POST'
});
return false;
});
})
// Responsive menu
$('.nav-sidebar.resp-nav').SnsAccordion({
btn_open: '<span class="ac-tongle open"></span>',
btn_close: '<span class="ac-tongle close"></span>',
});
$('.mini-search .tongle').on('click', function(e){
e.preventDefault();
if ( $('.search-box').length ) {
if( $('.search-box').hasClass('active') ){
$('.search-box').removeClass('active'); $('.mini-search .overlay').fadeOut(250);
} else {
$('.search-box').addClass('active'); $('.mini-search .overlay').fadeIn(250);
var inputField = $('.search-box').find('input[name="s"]').focus();
if($(inputField).is(":visible")){
clearTimeout(if_timeout);
var if_timeout = setTimeout(function() {
$(inputField ).focus();
}, 800);
}
}
}
});
$('.menu-sidebar .tongle, .menu-sidebar .overlay').on('click', function(e){
e.preventDefault();
if($('.menu-sidebar .sidebar-content').hasClass('active')){
$('.menu-sidebar .overlay').fadeOut(250);
$('.menu-sidebar .sidebar-content').removeClass('active');
$('body').removeClass('show-sidebar', 4000);
} else {
$('.menu-sidebar .overlay').fadeIn(250);
$('.menu-sidebar .sidebar-content').addClass('active');
$('body').addClass('show-sidebar');
}
});
$('.header-tongle, .header-overlay').bind('click', function(e){
e.preventDefault();
if($('#sns_header').hasClass('active')){
$('.header-overlay').fadeOut(250);
$('#sns_header').removeClass('active');
} else {
$('.header-overlay').fadeIn(250);
$('#sns_header').addClass('active');
}
});
if (typeof $.fn.prettyPhoto !== 'undefined' && $('.sns-popup-video .btn-popupvideo').length ) {
$('.sns-popup-video .btn-popupvideo').prettyPhoto({
default_width: 960, default_height: 540,
social_tools: false,
opacity: 0.8,
deeplinking: false,
});
}
if ( $('#sns_content .sns-main .inner-sidebar.right').length ) {
$('body').addClass('have-inner-right');
}
if ( $('#sns_content .sns-main .inner-sidebar.left').length ) {
$('body').addClass('have-inner-left');
}
if ( $('body.layout-type-m #sns_content .sns-main section.page.type-page').length && $.trim( $('body.layout-type-m #sns_content .sns-main section.page.type-page').html() ).length == 0 ) {
$('#sns_content').addClass('m-no-content');
}
// One level 1 active
var menu_m = '#sns_mainmenu > ul > li';
$(menu_m).each(function(){
var item_m = $(this);
if ( item_m.hasClass('current-product-ancestor') || item_m.hasClass('current-menu-parent') || item_m.hasClass('current-product-parent') ) {
var arr_i_m = '#' + item_m.attr('id');
$( menu_m + ":not(" + arr_i_m + ")" ).removeClass('current-product-ancestor').removeClass('current-menu-parent').removeClass('current-product-parent');
return false;
}
});
// Comment
$( 'body.single-post .post-info-wrap .post-meta .comments-link a' ).off('click').on( 'click', function(e) {
e.preventDefault();
if ( $("#comments").length ){
$('body, html').animate({
scrollTop: $("#comments").offset().top
}, 800);
}else if( $("#respond").length ){
$('body, html').animate({
scrollTop: $("#respond").offset().top
}, 800);
}
return true;
} )
// Sidebar on mobile
var right_sidebars = '#sns_content .sns-right, #sns_content .sns-right-sidebar, #sns_content .sns-main .inner-sidebar.right, body.archive #sns_content .column-content-box';
$(right_sidebars).each(function(){
var right_sd = $(this);
if(right_sd.length) {
$('.btn-navbar.rightsidebar').on('click', function(){
if($(this).hasClass('active')){
$(this).find('.overlay').fadeOut(250); $(this).removeClass('active');
right_sd.removeClass('active');
$('body').removeClass('show-sidebar', 4000);
} else {
$(this).addClass('active');
$(this).find('.overlay').fadeIn();
right_sd.addClass('active');
$('body').addClass('show-sidebar');
}
});
}
});
if ( $('body').hasClass('have-inner-right') || $('body').hasClass('layout-type-l-m-r') || $('body').hasClass('layout-type-m-r') ){
// dont do anythings
}else{
$('.btn-navbar.rightsidebar').addClass('v-hidden');
}
var left_sidebars = '#sns_content .sns-left, #sns_content .sns-main .inner-sidebar.left';
$(left_sidebars).each(function(){
var left_sd = $(this);
if(left_sd.length) {
$('.btn-navbar.leftsidebar').on('click', function(){
if($(this).hasClass('active')){
$(this).find('.overlay').fadeOut(250); $(this).removeClass('active');
left_sd.removeClass('active');
$('body').removeClass('show-sidebar', 4000);
} else {
$(this).addClass('active');
$(this).find('.overlay').fadeIn();
left_sd.addClass('active');
$('body').addClass('show-sidebar');
}
});
}
});
if ( $('body').hasClass('have-inner-left') || $('body').hasClass('layout-type-l-m-r') || $('body').hasClass('layout-type-l-m') ){
// dont do anythings
}else{
$('.btn-navbar.leftsidebar').addClass('v-hidden');
}
$('#sns_mainmenu.main-cat').each(function(){
var bigcat = $(this);
if( bigcat ) {
$('.mini-main-cat').on('click', function(){
if($(this).hasClass('active')){
$(this).find('.overlay').fadeOut(250); $(this).removeClass('active');
bigcat.removeClass('active');
} else {
$(this).addClass('active');
$(this).find('.overlay').fadeIn();
bigcat.addClass('active');
}
});
}
});
// Back to top
var wh = $(window).height();
var whtml = $(document).height();
$(window).scroll(function () {
if ($(this).scrollTop() > whtml/10) {
$('.sns-croll-to-top #sns-totop').addClass('active');
} else {
$('.sns-croll-to-top #sns-totop').removeClass('active');
}
});
$('.sns-croll-to-top #sns-totop').on( 'click', function() {
$('body,html').animate({
scrollTop: 0
}, 800);
return false;
});
// Count to
if ( $('.sns-counter').length && typeof waypoint !== undefined ) {
var sns_counter = $('.sns-counter').waypoint(function(direction) {
var el = $( '#' + this.element.id + ' .counter-value > span' ) ;
el.countTo({
from: el.data('from'),
to: el.data('to'),
efreshInterval: el.data('interval'),
speed: el.data('speed')
});
}, {
offset: '100%'
});
}
// Time count down
$('.time-count-down').each(function(){
if ( $(this).length ) {
$(this).find('.clock-digi').countdown($(this).attr('data-date'))
.on('update.countdown', function(event) {
var format = '%H:%M:%S';
$(this).find('.day').html(event.strftime('%D'));
if(event.offset.totalDays > 0) {
$(this).find('.day').html(event.strftime('%D'));
}else{
$(this).find('.day').parents('.box').remove();
}
$(this).find('.hours').html(event.strftime('%H'));
$(this).find('.minutes').html(event.strftime('%M'));
$(this).find('.seconds').html(event.strftime('%S'));
})
.on('finish.countdown', function(event) {
$(this).html('This offer has expired!')
.parent().addClass('hidden');
});
}
});
$('.search .search-tongle').on('click', function(){
if( $(this).parents('.search').hasClass('active') ){
$(this).parents('.search').removeClass('active');
}else{
$(this).parents('.search').addClass('active');
}
});
$('.menu-tongle').on('click', function(){
$(this).addClass('active'); $('.menu-search-content').addClass('active');
});
$('.menu-search-content .overlay .bt-close').on('click', function(){
$('.menu-tongle').removeClass('active'); $('.menu-search-content').removeClass('active');
});
function sns_equal_col(){
var $col_h = 0;
$('.wpb_row.equal-col > .wpb_column').each(function(){
var _this_height = $(this).height();
if( $col_h > 0 && _this_height < $col_h){
$(this).css( 'min-height', $col_h);
}else{
$col_h = _this_height;
}
});
}
sns_equal_col();
// On mobile
function addHoverOnMobile(el){
if( $(el).length ){
$(el).mouseover(function(){
$(el).addClass('hover');
}).mouseout(function() {
$(el).removeClass('hover');
});
}
}
addHoverOnMobile('.main-header .search-box');
// Ajax search
$('.sns-searchwrap').each(function(){
var sns_useajaxsearch = $(this).attr('data-useajaxsearch');
var sns_usecat_ajaxsearch = $(this).attr('data-usecat-ajaxsearch');
if( typeof $.fn.select2 == 'function' && sns_usecat_ajaxsearch == 'true' ){
$('.sns-ajaxsearchbox select.select-cat').select2();
$('.sns-ajaxsearchbox').addClass('loaded');
}
if (sns_useajaxsearch == 'true') {
var keywords = '';
var keywords_old = '';
var search_timeout;
var search_inputtext;
var array_old_result = {};
$('body').append('<div id="sns_searchresult_wrap"></div>');
var sns_searchresult_wrap = $('#sns_searchresult_wrap');
$('.sns-searchwrap .search-input input[name="s"]').on('keyup', function(e){
sns_searchresult_wrap.hide();
search_inputtext = $(this);
keywords = $.trim($(this).val());
// Define keywords length to start ajax
if( keywords.length < 3 ){
search_inputtext.parents('.search-input').removeClass('loading');
return;
}
if( array_old_result[keywords] ){
sns_searchresult_wrap.html(array_old_result[keywords]);
sns_searchresult_wrap.show();
keywords_old = '';
search_inputtext.parents('.search-input').removeClass('loading');
sns_searchresult_wrap.find('.viewall-result a').on('click', function(e){
e.preventDefault();
search_inputtext.parents('form').trigger('submit');
});
return;
}
clearTimeout(search_timeout);
search_timeout = setTimeout(function(){
if( keywords == keywords_old || keywords.length < 3 ){
return;
}
keywords_old = keywords;
search_inputtext.parents('.search-input').addClass('loading');
// Check category
var category = '';
if( sns_usecat_ajaxsearch == 'true' ){
var select_category = search_inputtext.parents('.search-input').siblings('.select-cat');
if( select_category.length > 0 ){
category = select_category.find(':selected').val();
}
}
$.ajax({
type : 'POST',
url : ajaxurl,
data : {action : 'dbea_ajax_search', keywords: keywords, category: category},
error : function(xhr,err){
search_inputtext.parents('.search-input').removeClass('loading');
},
success : function(response){
if( response != '' ){
response = JSON.parse(response);
if( response.keywords == keywords ){
sns_searchresult_wrap.html(response.html);
// Set array_old_result
array_old_result[keywords] = response.html;
// Set style for result wrap
var border_width = parseInt(search_inputtext.parent('.search-input').css('border-left-width'));
var top = search_inputtext.offset().top + search_inputtext.outerHeight(true) + 1;
var width = search_inputtext.outerWidth(true) + border_width;
var left = Math.ceil(search_inputtext.offset().left) - border_width;
if( (left + width) > $(window).width() ){
left = left - (width - search_inputtext.outerWidth(true));
}
sns_searchresult_wrap.css({
'position': 'absolute',
'top': top-2,
'left': left,
'width': width,
'display': 'block'
});
search_inputtext.parents('.search-input').removeClass('loading');
sns_searchresult_wrap.find('.viewall-result a').on('click', function(e){
e.preventDefault();
search_inputtext.parents('form').trigger('submit');
});
}
}else{
search_inputtext.parents('.search-input').removeClass('loading');
}
}
});
}, 600);
});
// Hide result wrap when hover out or click anything
sns_searchresult_wrap.mouseover(function(){
//
}).mouseleave(function() {
sns_searchresult_wrap.hide();
});
$('body').on('click', function(){
sns_searchresult_wrap.hide();
});
// Change sellect category
if ( sns_usecat_ajaxsearch == 'true' ){
$('.sns-ajaxsearchbox select.select-cat').on('change', function(){
keywords_old = '';
array_old_result = {};
$(this).parents('.sns-ajaxsearchbox').find('.search-input input[name="s"]').trigger('keyup');
});
}
}
});
// Short code custom heading
$('.vc_custom_heading.want-span-line').each(function(){
if ( $(this).length ){
$(this).wrapInner('<span></span>');
}
});
// Shortcode widget
$('.want-span-line .widget .widgettitle').each(function(){
if ( $(this).length ){
$(this).wrapInner('<span></span>');
}
});
// Accordion for category blog
if( $('.widget_categories ul').length > 0 ) {
$('.widget_categories ul').SnsAccordion();
}
// List posts
if ( $('.sns-list-posts .owl-carousel').length ) {
$('.sns-list-posts .owl-carousel').each(function(){
$(this).owlCarousel({
items: $(this).data('desktop'),
responsive : {
0 : { items: $(this).data('mobilep') },
480 : { items: $(this).data('mobilel') },
768 : { items: $(this).data('tabletp') },
992 : { items: $(this).data('tabletl') },
1200 : { items: $(this).data('tabletl') },
1800 : { items: $(this).data('desktop') }
},
loop: ( $(this).find('> *').length > $(this).data('desktop') ) ? true : false,
nav: true,
dots: false
});
});
}
if ( $('.sns-list-posts .special-slick-syncing').length ) {
$('.sns-list-posts .special-slick-syncing .slider-for').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
fade: true,
centerPadding: '0px',
asNavFor: '.sns-list-posts .special-slick-syncing .slider-nav',
autoplay: true ,
autoplayHoverPause: true, autoplaySpeed: 6000,
});
$('.sns-list-posts .special-slick-syncing .slider-nav').slick({
slidesToShow: 1,
slidesToScroll: 1,
asNavFor: '.sns-list-posts .special-slick-syncing .slider-for',
centerMode: true,
centerPadding: '0px',
focusOnSelect: true,
arrows: true,
});
$('.sns-list-posts .special-slick-syncing').css('opacity', 1);
}
// Related post
if ( $('.post-related .owl-carousel').length ) {
$('.post-related .owl-carousel').owlCarousel({
items: 3,
responsive : {
0 : { items: 2},
480 : { items: 2 },
768 : { items: 3 },
992 : { items: 3 },
1200 : { items: 3 }
},
loop: ( $('.post-related .owl-carousel').find('> *').length > 3 ) ? true : false,
autoHeight: true,
nav: true,
dots: false
});
}
// Post gallery
if ( $('article.type-post .gallery-thumb .thumb-container').length > 0 ) {
$('article.type-post .gallery-thumb .thumb-container').owlCarousel({
items: 1,
autoHeight: true,
animateOut: 'fadeOut', animateIn: 'bounce',
loop:true,
nav: true,
dots: false
});
}
// image-navigation
if ( $('article.type-attachment #image-navigation').length > 0 ) {
if ( $('article.type-attachment #image-navigation .nav-previous').html() == '' && $('article.type-attachment #image-navigation .nav-next').html() == '' ){
$('article.type-attachment #image-navigation').addClass('hidden');
}
}
});
$('.sns-banner').each(function(){
$(this).find('.banner-img').css({
'background-image' : 'url(' + $(this).find('img').attr('src') + ')',
'background-size' : 'cover'
});
});
$('.sns-cat-info.show-default').each(function(){
$(this).find('.cat-img').css({
'background-image' : 'url(' + $(this).find('img').attr('src') + ')',
'background-size' : 'cover'
});
});
$(window).on('load', function(){
function reCalWidthRow($wrap, $width){
$($wrap).each(function(){
if ( !$(this).length ) return;
var $el = $(this);
$el.addClass("vc_hidden");
var el_margin_left,
el_margin_right,
offset,
width,
padding,
paddingRight,
$el_full = $el.next(".vc_row-full-width");
$el_full = !$el_full.length ? $el.parent().next(".vc_row-full-width") : $el_full;
el_margin_left = parseInt($el.css("margin-left"), 10);
el_margin_right = parseInt($el.css("margin-right"), 10);
offset = $el_full.offset().left + el_margin_left;
if ( $(window).width() <= $width ){
width = $(window).width();
$el.css({ position: "relative", left: -offset, "box-sizing": "border-box", width: width });
}else{
width = $width;
offset = offset - ( $(window).width() - width ) / 2;
$el.css({ position: "relative", left: -offset, "box-sizing": "border-box", width: width });
}
if ( typeof $(this).attr('data-vc-stretch-content') != 'undefined' && $(this).attr('data-vc-stretch-content') == "true" ) {
// Dont do nothing
}else{
padding = paddingRight = offset;
$el.css({ "padding-left": padding + "px", "padding-right": paddingRight + "px" });
}
$el.removeClass("vc_hidden");
});
}
$('.sns-carousel').each(function(){
if ( $(this).length > 0 && $(this).find('.carousel-content').length > 0 ){
if ( $(this).attr('data-type') == 'h-c' ) {
$(this).find('.carousel-content').removeClass('hidden');
$(this).find('.carousel-content').slick({
centerMode: true,
centerPadding: '20%',
slidesToShow: 1,
infinite: true,
slidesToScroll: 1,
arrows: ($(this).attr('data-nav') == 1) ? true : false,
autoplay: ( $(this).attr('data-autoplay') == 1 ) ? true : false,
autoplayHoverPause: true, autoplaySpeed: 6000,
responsive: [
{
breakpoint: 1420,
settings: {
centerPadding: '20%',
}
},
{
breakpoint: 778,
settings: {
arrows: false,
centerPadding: '15%',
}
},
{
breakpoint: 448,
settings: {
arrows: false,
centerPadding: '0',
}
}
]
});
}else if ( $(this).attr('data-type') == 'h-s' ) {
var $i = 0, $avatar = '', wrap_class = 'show-dot-'+Math.random();
wrap_class = wrap_class.replace('.', ''); $(this).addClass(wrap_class);
$(this).find('.carousel-content > div').each(function(){
$avatar = $avatar + $(this).find('.for-dot').html();
});
$(this).find('.carousel-content .for-dot').addClass('hidden');
$(this).find('.carousel-nav').html($avatar);
if ( $(this).find('.carousel-nav').length ) {
$(this).find('.carousel-nav').removeClass('hidden');
$(this).find('.carousel-content').removeClass('hidden');
$('.' + wrap_class + ' .carousel-content').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
fade: true,
adaptiveHeight: true,
autoplay: ( $(this).attr('data-autoplay') == 1 ) ? true : false,
asNavFor: '.' + wrap_class + ' .carousel-nav'
});
$('.' + wrap_class + ' .carousel-nav').slick({
slidesToShow: 3,
slidesToScroll: 1,
asNavFor: '.' + wrap_class + ' .carousel-content',
arrows: false,
dots: false,
centerMode: true,
centerPadding: '60px',
focusOnSelect: true
});
}
}else if ( $(this).attr('data-type') == 'v' ) {
$(this).find('.carousel-content').slick({
vertical: true,
infinite: true,
slidesToScroll: 1,
slidesToShow: $(this).attr('data-desktop'),
arrows: ($(this).attr('data-nav') == 1) ? true : false,
autoplay: ( $(this).attr('data-autoplay') == 1 ) ? true : false,
autoplayHoverPause: true, autoplaySpeed: 6000,
});
} else {
var c_param = {
loop: ( $(this).find('.carousel-content').find('> *').length > $(this).data('desktop')) ? true : false,
dots: ($(this).data('paging') == 1) ? true : false,
nav: ($(this).data('nav') == 1) ? true : false,
autoplay: ( $(this).attr('data-autoplay') == 1 ) ? true : false,
autoplayHoverPause: true,
items : $(this).data('desktop'),
responsive : {
0 : { items: $(this).data('mobilep') },
480 : { items: $(this).data('mobilel') },
768 : { items: $(this).data('tabletp') },
992 : { items: $(this).data('tabletl') },
1200 : { items: $(this).data('tabletl') },
1260 : { items: $(this).data('laptop') },
1800 : { items: $(this).data('desktop') }
}
}
var selector = $(this).find('.carousel-content');
clearTimeout(carousel_timeout);
var carousel_timeout = setTimeout(function() {
selector.owlCarousel(c_param);
}, 800);
if ( $(this).data('checkclass') == '1' ) {
selector.on('initialized.owl.carousel', function(event) {
checkClasses(selector);
});
function checkClasses( selector ){
var total = selector.find('.owl-stage .owl-item.active').length;
selector.find('.owl-stage .owl-item').removeClass('first-iactive last-iactive');
selector.find('.owl-stage .owl-item.active').each(function(index){
if (index === 0) {
$(this).addClass('first-iactive');
}
if (index === total - 1 && total>1) {
$(this).addClass('last-iactive');
}
});
}
}
// For nice first load
if ( $(this).parents('.vc_row').hasClass('invisible') ) $(this).parents('.vc_row').removeClass('invisible');
}
}
});
// Instagram
if ( $('.sns-instagram .owl-carousel').length ) {
clearTimeout(instagram_carousel);
var instagram_carousel = setTimeout(function(){
$('.sns-instagram .owl-carousel').each(function(){
$(this).owlCarousel({
items: $(this).data('desktop'),
responsive : {
0 : { items: $(this).data('mobilep') },
480 : { items: $(this).data('mobilel') },
768 : { items: $(this).data('tabletp') },
992 : { items: $(this).data('tabletl') },
1200 : { items: $(this).data('laptop') },
1800 : { items: $(this).data('desktop') }
},
loop: ( $(this).find('> *').length > $(this).data('desktop') ) ? true : false,
nav: true,
dots: false
});
});
},800);
}
// Tooltip
$("body.use-tooltip *[data-toggle='tooltip']").each(function(){
$(this).tooltip({
container: 'body'
}, 'show');
});
$(document).ajaxComplete(function(){
$("body.use-tooltip *[data-toggle='tooltip']").each(function(){
$(this).tooltip({
container: 'body'
});
});
// For Search in header style 3
if ( $('#sns_header .mini-search').length && $('#sns_searchresult_wrap').length ){
$('#sns_searchresult_wrap').mouseover(function(){
$('#sns_header .mini-search').addClass('active');
}).mouseout(function() {
$('#sns_header .mini-search').removeClass('active');
});
}
});
if ( $('#sns_searchresult_wrap').length ){
$('#sns_searchresult_wrap').mouseover(function(){
$('#sns_mainnav .sns-searchwrap').addClass('active');
}).mouseout(function() {
$('#sns_mainnav .sns-searchwrap').removeClass('active');
});
}
});
$.fn.SnsAccordion = function(options) {
var $el = $(this);
var defaults = {
active: 'open',
active_default: ['current-menu-item', 'current-menu-ancestor', 'current-cat'], // string or array
el_wrap: 'li',
el_content: 'ul',
accordion: true,
expand: true,
btn_open: '',
btn_close: ''
};
var options = $.extend({}, defaults, options);
$el.find(options.el_wrap).each(function(){
$(this).find('> a, > h4').wrap('<div class="accr_header"></div>');
if(($(this).find(options.el_content)).length){
$(this).find('> .accr_header').append('<span class="btn_accor">' + options.btn_open + '</span>');
$(this).find('> '+options.el_content+':not(".accr_header")').wrap('<div class="accr_content"></div>');
}
});
if(options.accordion){
$('.accr_content').hide();
$el.find(options.el_wrap).each(function(){
var $this_el_wrap = $(this);
var $active_d = options.active_default;
if ( Array.isArray($active_d) ) {
for (var i = 0; i < $active_d.length; i++) {
if( $active_d[i] !=='' ){
if( $this_el_wrap.hasClass( $active_d[i] ) ){
$this_el_wrap.find('> .accr_content').addClass(options.active).slideDown();
$this_el_wrap.find('> .accr_header').addClass(options.active);
$this_el_wrap.find('> .accr_header .btn_accor').html(options.btn_close);
break;
}
}
}
} else {
if(options.active_default!==''){
if( $this_el_wrap.hasClass($(this)) ){
$this_el_wrap.find('> .accr_content').addClass(options.active).slideDown();
$this_el_wrap.find('> .accr_header').addClass(options.active);
$this_el_wrap.find('> .accr_header .btn_accor').html(options.btn_close);
}
}
}
});
$('.accr_content.open').slideDown();
} else {
$el.find(options.el_wrap).each(function(){
if(!options.expand){
$('.accr_content').hide();
} else {
$(this).find('> .accr_content').addClass(options.active);
$(this).find('> .accr_header').addClass(options.active);
$(this).find('> .accr_header .btn_accor').html(options.btn_close);
$('.accr_content.open').slideDown();
}
});
}
$el.find(options.el_wrap).each(function(){
var $wrap = $(this);
var $accrhead = $wrap.find('> .accr_header');
var btn_accor = '.btn_accor';
$accrhead.find(btn_accor).on('click', function(event) {
event.preventDefault();
var obj = $(this);
var slide = true;
if($accrhead.hasClass(options.active)) {
slide = false;
}
if(options.accordion){
$wrap.siblings(options.el_wrap).find('> .accr_content').slideUp().removeClass(options.active);
$wrap.siblings(options.el_wrap).find('> .accr_header').removeClass(options.active);
$wrap.siblings(options.el_wrap).find('> .accr_header ' + btn_accor).html(options.btn_open);
}
if(slide) {
$accrhead.addClass(options.active);
obj.html(options.btn_close);
$accrhead.siblings('.accr_content').addClass(options.active).stop(true, true).slideDown();
} else {
$accrhead.removeClass(options.active);
obj.html(options.btn_open);
$accrhead.siblings('.accr_content').removeClass(options.active).stop(true, true).slideUp();
}
return false;
});
});
$el.addClass('handled');
};
// Top header toggle menu
if($('#sns_header.style2 .icon-menu').length > 0){
$('#sns_header.style2 .icon-menu').on('click', function(event){
event.preventDefault();
var _this = $(this);
if(_this.hasClass('close')){
_this.removeClass('close');
$('.sns-mainnav-wrapper #sns_mainmenu').addClass('open');
$('.menu-text').addClass('hid');
}else{
_this.addClass('close');
$('.sns-mainnav-wrapper #sns_mainmenu').removeClass('open');
$('.menu-text').removeClass('hid');
}
});
}
// cpanel
$('#sns_cpanel #sns_cpanel_btn .view-demo, #sns_cpanel + .overlay').on('click', function() {
if( $('#sns_tools #sns_cpanel').hasClass('open') ){
$('#sns_tools #sns_cpanel').removeClass('open');
}else{
$('#sns_tools #sns_cpanel').addClass('open');
}
return false;
});
})(jQuery);