Всем привет я уже более менее подучил css и типа уже не будет ряд тких тупых вопрос как были В общем вот ссылка можете покрутить https://jsfiddle.net/2m93L6x1/ принцип работы бага ниже опишу, не знаю в чем баг за счет css или jquery даже не знаю как пофиксить В общем как это делается получаем мы окно более 400px меню в виде inline-block начинаем выполнять уменьшение ширины до 399 получаем "кнопку" жмем на кнопку появляется меню в виде блочных элементов закрываем меню нажал на кнопку увеличиваем ширину более 400px и получаем пустой экран Если кто-то подумает что проблема даже в https://jsfiddle.net , нет я проверял работает также и в html документе
Нужно скрывать меню не через fadeOut(), а с помощью добавления какого нибудь класса с display: none; для ширины экрана до 400px; Например Код (CSS): @media only screen and (max-width: 400px) { .menu-hide { display: none; } } Код (Javascript): if($(".ccc").hasClass('menu-hide')) { $(".ccc").removeClass('menu-hide'); } else { $(".ccc").addClass('menu-hide'); }