１回目の時だけハンバーガーメニューが開かない

Question

前提・実現したいこと

スクロールするとページ上部にヘッダーが固定表示して
そのヘッダー内のハンバーガーメニューを押すとナビゲーションが出る

発生している問題・エラーメッセージ

クリックすると最初の１回目はだけハンバーガーメニューが開かなくスクロールするとハンバーガーメニューが開くようになる（ナビゲーション）
2回目以降は普通に動作する。

該当のソースコード

//スクロールしたら上部にヘッダーが固定表示され上まで行ったらヘッダーが消える記述
$(function(){
    $(window).on("scroll",function () {
        if ($(this).scrollTop() > 80) { 
						$("#header").addClass("header-fixed");
        } else {
            $("#header").removeClass("header-fixed");
        }
    });
 });

//ハンバーガーメニューの開閉記述
$(document).ready(function(){
	$(".lines-button").click(function(){
		$(".navigation-wrap").toggleClass("navigation-active");
	});
});

$(document).ready(function(){
	$(".lines-button").click(function(){
		$(this).toggleClass("toggle-active");
	});
});

試したこと

jqueryのスクロールの記述が問題がある事は分かるのですが何が原因で解決作が3時間かけてもわからなかった為初めて質問させていただきました。恐れ入りますがどうかよろしくお願いします。

Comments

[liveasnotes]

htmlやcssも見たいです．jsFiddleとかでまとめて，共有リンクを貼ってもらえると回答しやすいです（例：https://teratail.com/questions/141565）

[sumi--0]

ご回答ありがとうございます。解決しました。他のjsファイルの記述が邪魔してました。汗

Answer 1

他のjsファイルの記述が邪魔してました。汗
jqueryの記述で正常に動きました、

Answer 2

本題とは関係ないですが，$(document).ready(function(){ });は$(function(){ });で良いです

• jQueryの基本 - $(document).ready

Comments

[sumi--0]

ご丁寧にありがとうございます。拝見させていただきます！