https://fudoumae-dental.jp/wp-content/themes/fudoumae-dental/js/scrollNav.js?ver=1.0.0

1jQuery(function($){
2    $(document).ready(function () {
3
4        "use strict";
5
6        var themeData = window.FUDOUMAE_DENTAL || {};
7        var homeUrl = themeData.homeUrl || "/";
8        var logoUrl = themeData.logoUrl || "";
9        var headTelIconUrl = themeData.headTelIconUrl || "";
10        var headRsvtIconUrl = themeData.headRsvtIconUrl || "";
11        var reservationUrl = themeData.reservationUrl || "https://ssl.haisha-yoyaku.jp/s7274013/login/serviceAppoint/index?SITE_CODE=hp";
12
13        $('.menu > ul > li:has( > ul)').addClass('menu-dropdown-icon');
14        $('.menu > ul > li > ul:not(:has(ul))').addClass('normal-sub');
15
16        //PC固定メニュー中身
17        $(".menu > ul").before("<div class=\"clone-head-logo\"><h1>東急目黒線不動前駅改札すぐヨコ。土日も診療！</h1><a href=\"" + homeUrl + "\" rel=\"home\"><img src=\"" + logoUrl + "\" alt=\"\"></a></div>");
18        $(".menu > ul").before("<div class=\"clone-head-wp\"><div class=\"head-tr\"><div class=\"head-tr-tel\"><a href=\"tel:03-6417-9090\" rel=\"home\"><img src=\"" + headTelIconUrl + "\" alt=\"\">03-6417-9090</a></div><div class=\"head-tr-reservation\"><a href=\"" + reservationUrl + "\" rel=\"home\" target=\"_blank\"><img src=\"" + headRsvtIconUrl + "\" alt=\"\">24h! ネット予約 〉</a></div></div></div>");
19        $(".clone-nav.is-show").wrap("<div class=\"clone-wp\"></div>");
20
21
22        $(".menu > ul > li").hover(
23            function (e) {
24                if ($(window).width() > 768) {
25                    $(this).children("ul").fadeIn(150);
26                    e.preventDefault();
27                }
28            }, function (e) {
29                if ($(window).width() > 768) {
30                    $(this).children("ul").fadeOut(150);
31                    e.preventDefault();
32                }
33            }
34            );
35
36        $(document).on('click', function(e){
37            if($(e.target).parents('.menu').length === 0)
38                $(".menu > ul").removeClass('show-on-mobile');
39        });
40
41        $(".menu > ul > li").click(function() {
42
43            var thisMenu = $(this).children("ul");
44            var prevState = thisMenu.css('display');
45            $(".menu > ul > li > ul").fadeOut();
46            if ($(window).width() < 768) {
47                if(prevState !== 'block')
48                    thisMenu.fadeIn(150);
49            }
50        });
51
52        $(".menu-mobile").click(function (e) {
53            $(".menu > ul").toggleClass('show-on-mobile');
54            e.preventDefault();
55        });
56
57    });
58});
59
60
61//スクロールメニュー
62jQuery(function($){
63    var $win = $(window),
64    $cloneNav = $('#nav.main-navigation').clone().addClass('clone-nav').appendTo('body'),
65    showClass = 'is-show';
66
67    $win.on('load scroll', function() {
68        var value = $(this).scrollTop();
69        if ( value > 500 ) {
70            $cloneNav.addClass(showClass);
71            $cloneNav.children('.clone-head-logo').css('display','block');
72            $cloneNav.children('.clone-head-wp').css('display','block');
73        } else {
74            $cloneNav.removeClass(showClass);
75            $cloneNav.children('.clone-head-logo ').css('display','none');
76            $cloneNav.children('.clone-head-wp').css('display','none');
77        }
78    });
79});
80
81
82
83
84//スマホメニュー
85jQuery(function($){
86    
87    $('.closbtn').click(function () {
88        $(this).toggleClass('active');
89        $('.closbg').fadeToggle();
90        $('nav').toggleClass('open');
91    })
92    $('.closbg').click(function () {
93        $(this).fadeOut();
94        $('.closbtn').removeClass('active');
95        $('nav').removeClass('open');
96    });
97});
98
99
100//サブメニュー処理
101jQuery(function($){
102    $('.menu-item-has-children > a').on('click', function () {
103        $(this).next().slideToggle();
104    });
105});
106
107
108//+-開閉処理
109jQuery(function($){
110    var toggles = $('.menu-item-has-children > a');
111    toggles.click( function (event) {
112        event.preventDefault(); 
113        $(this).toggleClass('on');
114    });
115});