ウィンドウのCSS表示をサイズ変更して切り替える

Question

トグル機能を使用してウィンドウのサイズを変更すると、ナビゲーションには何も表示されず、このサイズ変更機能は機能しません。何かアドバイス？

$(document).ready(function(){ $("#menu").click(function() { $(".nav").fadeToggle("slow", "linear");}); 

$(window).resize(function() { if ($(window).width() < 768) { $('.nav').css("display", "none");} else {$('.nav').css("display", "inline-block");}});}); 

また、メニュー領域にクリックがないとナビゲーションバーが消えてしまいます。現在のところ、svgアイコンをクリックしたときにのみ消えます。私はこのコードを試しましたが、うまくいきません。

ここ

$(document).click(function(event) {if(!$(event.target).is('#menu')) {$(".nav").hide();}}); 

ライブページhttps://sebalaini.github.io/NewPortfolio/ 、ここでレポhttps://github.com/sebalaini/NewPortfolio

Answer 1

あなたが期間を逃したように見えます：

は

$('.nav').css("display", "inline-block"); 

代わりの

$('nav').css("display", "inline-block"); 

をお試しください

jQueryは.navクラスの代わりにnavタグを探しています。