Ändern Sie die CSS-Anzeige unter Windows, ändern Sie die Größe und schalten Sie um ⇐ Jquery

[Guest]

Wenn ich die Umschaltfunktion verwende und die Größe des Fensters ändere, zeigt die Navigation immer noch keine an, und diese Größenänderungsfunktion funktioniert nicht. Irgendwelche Ratschläge?

Code: Select all

$(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");}});});

Ich möchte auch, dass die Navigationsleiste verschwindet, wenn der Klick nicht im Menübereich erfolgt. Es verschwindet derzeit nur, wenn ich auf das SVG-Symbol klicke. Ich habe diesen Code ausprobiert, aber er funktioniert nicht.

Code: Select all

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

Hier die Live-Seite ZENSIERT
und hier das Repo ZENSIERT