https://kobac-kashiwazaki01.com/js2/hamburger.js

1
2// ページ内のリンクを押した際、メニューを閉じる
3function closeHam() {
4    $('.menu').toggleClass('is-active');
5	$('.hamburger-cover').toggleClass('is-active');
6	$('.menu-btn').toggleClass("on"); //メニューボタンにクラス「on」をトグルで付けたり消したり
7	$('.menu-btn2').toggleClass("on"); //メニューボタンにクラス「on」をトグルで付けたり消したり
8    $('.menu-btn > img').attr('src','/images2/common/burger_menu.png'); 
9    $('.menu-btn2 > img').attr('src','/images2/common/footer_menu.png'); 
10}
11// ヘッダーハンバーガーボタン
12$(function() {
13    $('.menu-btn').on('click', function() {
14        $('.menu').toggleClass('is-active');
15		$('.hamburger-cover').toggleClass('is-active');
16
17        // クリックでボタン画像切り替え
18		$(this).toggleClass("on"); //メニューボタンにクラス「on」をトグルで付けたり消したり
19		if($(this).hasClass("on")) { //クラス「on」が付いていた時の処理
20            $('.menu-btn > img').attr('src','/images2/common/burger_back.png'); 
21		} else { //クラス「on」が付いていない時の処理
22            $('.menu-btn > img').attr('src','/images2/common/burger_menu.png'); 
23		}
24
25        // クリックでボタン画像切り替え
26		$('.menu-btn2').toggleClass("on"); //メニューボタンにクラス「on」をトグルで付けたり消したり
27		if($('.menu-btn2').hasClass("on")) { //クラス「on」が付いていた時の処理
28            $('.menu-btn2 > img').attr('src','/images2/common/burger_back_footer.png'); 
29		} else { //クラス「on」が付いていない時の処理
30            $('.menu-btn2 > img').attr('src','/images2/common/footer_menu.png'); 
31		}
32
33    });
34}());
35// フッターハンバーガーボタン
36$(function() {
37    $('.menu-btn2').on('click', function() {
38        $('.menu').toggleClass('is-active');
39		$('.hamburger-cover').toggleClass('is-active');
40        window.scrollTo(0, 0);
41
42        // クリックでボタン画像切り替え
43		$('.menu-btn').toggleClass("on"); //メニューボタンにクラス「on」をトグルで付けたり消したり
44		if($('.menu-btn').hasClass("on")) { //クラス「on」が付いていた時の処理
45            $('.menu-btn > img').attr('src','/images2/common/burger_back.png'); 
46		} else { //クラス「on」が付いていない時の処理
47            $('.menu-btn > img').attr('src','/images2/common/burger_menu.png'); 
48		}
49
50        // クリックでボタン画像切り替え
51		$('.menu-btn2').toggleClass("on"); //メニューボタンにクラス「on」をトグルで付けたり消したり
52		if($('.menu-btn2').hasClass("on")) { //クラス「on」が付いていた時の処理
53            $('.menu-btn2 > img').attr('src','/images2/common/burger_back_footer.png'); 
54		} else { //クラス「on」が付いていない時の処理
55            $('.menu-btn2 > img').attr('src','/images2/common/footer_menu.png'); 
56		}
57
58
59    });
60}());
61// アニメーション終了に実行
62$(function() {
63    $(".menu").bind("oTransitionEnd mozTransitionEnd webkitTransitionEnd transitionend", function() {
64        $('.menu').toggleClass('is-end');
65    });
66}());