/* ------------------------------ nav ------------------------------ */ var nav = (function(){ function init(){ var $globalNavItem = $('.p-globalNavMenu'); var $globalNavItem02 = $('.p-globalNavMenuSub'); var $header = $('.l-header__inner'); var currentClass = 'is-current'; var overlayClass = 'is-overlay'; var currentHeight = 0 ; //header global-nav $globalNavItem.hover( function(){ $(".p-globalNavMenu__list:not(:animated)",this).show(); $(this).children().addClass(currentClass); }, function(){ $(".p-globalNavMenu__list",this).hide(); $(this).children().removeClass(currentClass) } ); //header global-nav02 $globalNavItem02.hover( function(){ $(".p-globalNavMenu__list02:not(:animated)",this).show(); $(this).children().addClass(currentClass); }, function(){ $(".p-globalNavMenu__list02",this).hide(); $(this).children().removeClass(currentClass) } ); //header overlay $globalNavItem.hover( function(){ $header.addClass(overlayClass); }, function(){ $header.removeClass(overlayClass); } ); }; return { init: init } })(); /* ------------------------------ fixedScroll ------------------------------ */ var fixedScroll = (function(){ function init(){ var win = $(window); var header = $('.l-header'); var navHeight = header.outerHeight(); var fixedScrollClass = 'is-scroll'; win.on('load scroll', function() { var value = $(this).scrollTop(); if ( value > navHeight ) { header.addClass(fixedScrollClass); } else { header.removeClass(fixedScrollClass); } }); }; return { init: init } })(); /* ------------------------------ smoothScroll ------------------------------ */ var smoothScroll = (function(){ var speed = 500; var headerHeight; function init() { headerHeight = $('header').outerHeight(); $('a[href^="#"]').not('.js-tabLink').on('click', function() { var href = $(this).attr("href"); if($(this).hasClass('js-modal-trigger')){ return; } scroll(href); }); $('.p-globalNavMenu__link').on('click', function() { var href = $(this).attr("href");; if(href.indexOf("#") === -1){ return; } href = '#' + href.split('#')[1]; scroll(href); }); $(window).on('resize', function(){ headerHeight = $('header').outerHeight(); }); }; function scroll(href) { var target = $(href == "#" || href == "" ? 'html' : href); var position = target.offset().top; $('html,body').animate({scrollTop: position - headerHeight}, speed, 'swing'); return false; } return { init: init } })(); /* ------------------------------ initialScroll ------------------------------ */ var initialScroll = (function(){ function init(){ if(location.hash === '' || typeof $(location.hash).offset() === 'undefined') { return; } var headerHeight = $('header').outerHeight(); var target = location.hash; $(window).on('load', function(){ $(window).scrollTop($(target).offset().top - headerHeight); }); }; return { init: init } })(); /* ------------------------------ goToTopBtn ------------------------------ */ var goToTopBtn = (function(){ function init(){ var $topBtn = $('.p-footer__scroll'); $topBtn.hide(); $(window).on("scroll", function() { if ($(this).scrollTop() > 100) { $topBtn.fadeIn(); } else { $topBtn.fadeOut(); } }); $topBtn.on("click", function() { $('body,html').animate({ scrollTop: 0 }, 500); return false; }); }; return { init: init } })(); /* ------------------------------ sideConversionBtn ------------------------------ */ var sideConversionBtn = (function(){ function init(){ var sideBody = $('.p-sideConversion'); var sideContents = $('.p-sideConversion__nav'); var sideCloseBtn = $('.p-sideConversion__btn'); sideBody.on('click',function (e) { if(sideBody.hasClass('is-open')){ sideBody.removeClass('is-open'); }else{ sideBody.addClass('is-open'); } }); /*sideContents.on('click',function(e){ e.stopPropagation(); });*/ sideCloseBtn.on('click',function(e){ e.preventDefault(); }); }; return { init: init } })(); /* ------------------------------ headerDrawerBtn ------------------------------ */ var headerDrawerBtn = (function(){ function init(){ var navMenu = $('.p-drawerNav__item.-menu'); var drawerList = $('.p-drawerNavMenu__inner'); var navBtn = $('.p-drawerNav__btn'); var body = $('body'); var swing = $('.p-drawerSwingMenu'); var scrollTop; navMenu.on('click', function() { if(!body.hasClass('is-fixed')){ scrollTop = $(window).scrollTop(); } drawerList.slideToggle(200); navBtn.toggleClass('is-close'); body.toggleClass('is-fixed'); if(swing.hasClass('is-open')){ swing.hide().removeClass('is-open'); } if(body.hasClass('is-fixed')){ body.css('top', -scrollTop + 'px'); } else { body.removeAttr('style'); $(window).scrollTop(scrollTop); } }); }; return { init: init } })(); /*var headerDrawerBtn = (function(){ function init(){ var navMenu = document.getElementsByClassName("p-drawerNav__item -menu")[0]; var drawerList = $('.p-drawerNavMenu__inner'); var navBtn = $('.p-drawerNav__btn'); var body = $('body'); var swing = $('.p-drawerSwingMenu'); var scrollTop; navMenu.addEventListener('click', function() { if(!body.hasClass('is-fixed')){ scrollTop = $(window).scrollTop(); } drawerList.slideToggle(200); navBtn.toggleClass('is-close'); body.toggleClass('is-fixed'); if(swing.hasClass('is-open')){ swing.hide().removeClass('is-open'); } if(body.hasClass('is-fixed')){ body.css('top', -scrollTop + 'px'); } else { body.removeAttr('style'); $(window).scrollTop(scrollTop); } }); }; return { init: init } })();*/ /* ------------------------------ headerSwingBtn ------------------------------ */ var headerSwingBtn = (function(){ function init(){ var swingNavBtn = $('.p-drawerNav__item.-swing'); var swing = $('.p-drawerSwingMenu'); var drawerList = $('.p-drawerNavMenu__inner'); var navBtn = $('.p-drawerNav__btn'); var body = $('body'); swingNavBtn.on('click', function() { swing.slideToggle(200).toggleClass('is-open'); if(navBtn.hasClass('is-close')){ drawerList.hide(); navBtn.removeClass('is-close'); body.removeClass('is-fixed'); } }); }; return { init: init } })(); /*var headerSwingBtn = (function(){ function init(){ var swingNavBtn = document.getElementsByClassName("p-drawerNav__item -swing")[0]; var swing = $('.p-drawerSwingMenu'); var drawerList = $('.p-drawerNavMenu__inner'); var navBtn = $('.p-drawerNav__btn'); var body = $('body'); swingNavBtn.addEventListener('click', function() { swing.slideToggle(200).toggleClass('is-open'); if(navBtn.hasClass('is-close')){ drawerList.hide(); navBtn.removeClass('is-close'); body.removeClass('is-fixed'); } }); }; return { init: init } })();*/ /* ------------------------------ slider ------------------------------ */ var slider = (function(){ function init(){ $('.js-slider').slick({ infinite: true, slidesToShow: 4, slidesToScroll: 4, arrows: true, prevArrow: '', nextArrow: '', responsive: [{ breakpoint: 768, settings: { slidesToShow: 1, slidesToScroll: 1, } }] }); $('.js-slider-autoScroll').slick({ infinite: true, slidesToShow: 1, slidesToScroll: 1, arrows: false, autoplay: true, autoplaySpeed: 4500, speed: 800, pauseOnHover: false, pauseOnDotsHover: false, dots: true, swipe: true, responsive: [{ breakpoint: 768, settings: { slidesToShow: 1, slidesToScroll: 1, } }] }); }; return { init: init } })(); /* ------------------------------ coachslider ------------------------------ */ var coachAddInfoSlider = (function(){ function init(){ $('.js-coachAddInfo__Slider').slick({ infinite: true, slidesToShow: 4, prevArrow: '