(function($) { $(function() { // backtotop $(window).scroll(function() { if ($(window).scrollTop() > 300) { $('#backtotop').css('display', 'flex'); } else { $('#backtotop').hide(); } }); $('#backtotop').on('click', function() { $('html, body').animate({ scrollTop: 0 }, '300'); }); }); })(jQuery); /* グローバルナビ */ (function($) { $(function() { var $header = $('#top-head'); // Nav Toggle Button $('#nav-toggle').click(function(){ $header.toggleClass('open'); $(this).toggleClass('open'); }); }); })(jQuery); /*追尾ナビ*/ $(function() { var nav = $('nav'); var navTop = nav.offset().top; $(window).on('load scroll', function(){ if ($(this).scrollTop() > navTop) { nav.addClass('fixed'); }else{ nav.removeClass('fixed'); } }); }); //スクロール用 $(function(){ var nav_H = $('nav').height();/*ナビの高さ取得*/ $('a[href^=#]').click(function(){ var speed = 500; var href= $(this).attr("href"); var target = $(href == "#" || href == "" ? 'html' : href); var position = target.offset().top - nav_H;/*ナビ分の高さをずらす*/ $("html, body").animate({scrollTop:position}, speed, "swing"); return false; }); }); var metaslider_2865 = function($) { $('#metaslider_2865').addClass('flexslider'); // theme/plugin conflict avoidance $('#metaslider_2865').flexslider({ slideshowSpeed:3800, animation:"slide", controlNav:false, directionNav:true, pauseOnHover:false, direction:"horizontal", reverse:false, animationSpeed:1300, prevText:"<", nextText:">", easing:"linear", slideshow:true }); }; var timer_metaslider_2865 = function() { var slider = !window.jQuery ? window.setTimeout(timer_metaslider_2865, 100) : !jQuery.isReady ? window.setTimeout(timer_metaslider_2865, 1) : metaslider_2865(window.jQuery); }; timer_metaslider_2865(); /*//追尾ナビ*/ /* メニューボタン */ /*jQuery(window).load(function() { var mySlidebar = new $.slidebars({ // メニューが開いているとき、コンテンツ部分をタッチしたら閉じる siteClose: true, // 指定したpx以上でドロワーメニューを開かなくする disableOver: 480, // disableOverで指定したサイズ以上にすると // ドロワーメニューの開閉ボタンが非表示に hideControlClasses: true, // メニューを開いているときに、 // コンテンツがスクロールしないように固定してくれる scrollLock: true }); });*/ // 2021年7月7日 トップのアコーディオンメニュー実装 $(function(){ var target = $("#area > ul.shop_list > .list .shop_ttl"); $(target).click(function(){ $(this).toggleClass("current"); $(this).next().slideToggle(); }); });