$(function(){ // drawermenu var state = false; var scrollpos; $('.tNav').on('click',function(event) { event.preventDefault(); if(state == false) { $('#wrapper').off("transitionend"); scrollpos = $(window).scrollTop(); $('body').addClass('open').css({'top': -scrollpos}); $('header').css({'top': scrollpos}); state = true; } else { $('body').removeClass('open'); window.scrollTo( 0 , scrollpos ); state = false; $('#wrapper').on("transitionend", function(evt) { $('header').css({'top': 0}); }); } }); $('.tNL').on('click',function(event) { $('body').toggleClass('nlevel'); event.preventDefault(); }); // accordion $('.acd').next('.acdCont').hide(); $('.acd').css('cursor','pointer'); $('.acd').on("click", function() { $(this).next().slideToggle('1000'); $(this).next().siblings(".acdCont").slideUp(); $(this).toggleClass("act"); $(this).siblings(".acd").removeClass("act"); }); // smoothScroll var menuHeight = $("#hdInner").outerHeight(); $("a.scr").on("click",function(event){ event.preventDefault(); scr(this); }); function scr (obj) { var obj = obj; var url = obj.href; var parts = url.split("#"); var target = parts[1]; var target_offset = $("#"+target).offset(); var target_top = target_offset.top - menuHeight; $('html, body').animate({scrollTop:target_top}, 800); } // marquee $('#tagline h1').each(function() { var cw = $(this).parent('#tagline').outerWidth(); var w = $(this).outerWidth(); var ratio = (w/cw)*4; $(this).css('animation-duration', ratio+'s'); $('#d').html(ratio+'s秒でうごいてますよ。'); }); var opt = { hashTracking: false }; var inst = $('[data-remodal-id=info]').remodal(opt); function dispInfo(e) { var url = $(e.currentTarget).attr('href'); console.log(url); if(url.startsWith('tel:')){ e.preventDefault(); inst.open(); }else{ return true; } } var fs; const mediaQueryList = window.matchMedia("(max-width:768px)"); const listener = (event) => { if (event.matches) { // $('.navTel').off('click',dispInfo); $('.ga_Yoyaku').off('click',dispInfo); //女性一覧下部 $('.ga_Tel').off('click',dispInfo); //女性詳細中段+下部 if(inst.getState() == 'opened') inst.close(); // console.log('SP用ブレークポイント用処理'); } else { // $('.navTel').on('click',dispInfo); $('.ga_Yoyaku').on('click',dispInfo); $('.ga_Tel').on('click',dispInfo); // $('#rsvTEL').on('click',dispInfo); //女性詳細ページ中段 // console.log('PC用ブレークポイント用処理'); } }; mediaQueryList.addListener(listener); listener(mediaQueryList); });