(function($) { 'use strict'; /* ------------------------------ NAV STICKY JS ------------------------------ */ $(window).on('scroll', function() { var scroll = $(window).scrollTop(); if (scroll >= 50) { $('.header').addClass('header-active'); $('.page-title').addClass('page-title-hidden'); } else { $('.header').removeClass('header-active'); $('.page-title').removeClass('page-title-hidden'); } }); /* ------------------------------ NAV STICKY JS ------------------------------ */ $(window).on('scroll', function() { var scroll = $(window).scrollTop(); if (scroll >= 56) { $('header').addClass('nav-sticky'); } else { $('header').removeClass('nav-sticky'); } }); /* ------------------------------ Sidebar (Mobile Nav) ------------------------------ */ $(document).ready(function() { var sides = ["left", "top", "right", "bottom"]; for (var i = 0; i < sides.length; ++i) { var cSide = sides[i]; $(".sidebar." + cSide).sidebar({side: cSide}); } $(".sidebar-left-trigger[data-action]").on("click", function() { var $this = $(this); var action = $this.attr("data-action"); var side = $this.attr("data-side"); $(".sidebar." + side).trigger("sidebar:" + action); $("html").toggleClass("overflow-hidden"); $(".sidebar-left-mask").toggleClass("sidebar-active"); return false; }); $(".sidebar-right-trigger[data-action]").on("click", function() { var $this = $(this); var action = $this.attr("data-action"); var side = $this.attr("data-side"); $(".sidebar." + side).trigger("sidebar:" + action); $("html").toggleClass("overflow-hidden"); $(".sidebar-right-mask").toggleClass("active"); $("#admset-sidebar-iframe").attr("src", ""); return false; }); $(".sidebar-shop-trigger").on("click", function() { $(".sidebar-shop-member").animate({width:"toggle"}, 200); $("html").toggleClass("overflow-hidden"); $(".sidebar-shop-member-btn, .sidebar-shop-mask").toggleClass("active"); return false; }); $(".shop-member-box-btn").on("click", function() { $(this).next(".op-area").slideToggle(300).siblings(".op-area").slideUp(); }); setTimeout(function() { $(".sidebar").show(); }, 500); $(window).resize(function() { $(".sidebar").show(); }); }); /* ------------------------------ SUB NAV JS ------------------------------ */ $(document).ready(function() { $(".sub-nav-title").click(function(){ $(this).parent().find("ul").slideToggle(300); $(this).parent().siblings().find("ul").slideUp(300); return false; }); }); /* ------------------------------ ANIMATION JS ------------------------------ */ $(function() { function ckScrollInit(items, trigger) { items.each(function() { var ckElement = $(this), AnimationClass = ckElement.attr('data-animation'), AnimationDelay = ckElement.attr('data-animation-delay'); ckElement.css({ '-webkit-animation-delay': AnimationDelay, '-moz-animation-delay': AnimationDelay, 'animation-delay': AnimationDelay, opacity: 0 }); var ckTrigger = (trigger) ? trigger : ckElement; ckTrigger.waypoint(function() { ckElement.addClass("animated").css("opacity", "1"); ckElement.addClass('animated').addClass(AnimationClass); }, { triggerOnce: true, offset: '90%', }); }); } ckScrollInit($('.animation')); ckScrollInit($('.staggered-animation'), $('.staggered-animation-wrap')); }); /* ------------------------------ BOOTSTRAP TOOLTIP ------------------------------ */ var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')) var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) { return new bootstrap.Tooltip(tooltipTriggerEl) }); /* ------------------------------ BOOTSTRAP POPOVER ------------------------------ */ var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]')) var popoverList = popoverTriggerList.map(function (popoverTriggerEl) { return new bootstrap.Popover(popoverTriggerEl) }); /* ------------------------------ SEARCH FULL TOGGLE ------------------------------ */ $(document).ready(function() { $('.search-toggle').on('click', function() { $('.search-full').show(); }); $('.search-close-btn').on('click', function() { $('.search-full').hide(); }); }); /* ------------------------------ FOOTER FAMILY SITE DROPUP ------------------------------ */ $(document).ready(function(){ $(".family-site dt a").click(function(){ $(".family-site dd").slideToggle(300); return false; }); }); /* ------------------------------ MOBILE MENU BUTTON ------------------------------ */ $(document).ready(function(){ $(".mobiel-menu-btn").click(function(){ $("header .search-wrap").toggleClass('active'); return false; }); }); })(jQuery);