プログラミング初心者です。jQueryの処理が思うように実行されず困っております。
現状
1レスポンシブ時(768以下)にのみハンバーガーメニューアイコンがでるように記述した(media queryで記述)
2.fadeToggleでsidebarを自由に開閉できるよう記述した。
3.しかし、レスポンシブ時(768)にfadeToggleを押してsidebarを消すと、もとのPC画面に戻した時sidebarが消えた状態になる。(PCサイズ時にdisplay:none状態が引き継がれる)
PCの状態では、常にsidebarは表示されるようにしたい。
JavaScript
1 2$(function() { 3$(".menu-trigger").click(function(){ 4 5// クリックするとメニューが表示・非表示 6$(".sidebar").fadeToggle(); 7}); 8 9 10 var w = window.width(); 11 12 var x = 768; 13 14 //もしwindowが768よりおおきい時 15 if (w > x) { 16//sidebarを常に表示したい・・・ 17 } 18 19}); 20 21 22 23 24
もし分かる方がいらっしゃいましたら、教えていただけると幸いです。
回答2件
あなたの回答
tips
プレビュー