Изменение отображения CSS при изменении размера и переключении окон ⇐ Jquery

[Anonymous]

Когда я использую функцию переключения и изменяю размер окна, навигация по-прежнему ничего не отображает, и эта функция изменения размера не работает. Есть совет?

Код: Выделить всё

$(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://stackoverflow.com/questions/402 ... and-toggle