Как сделать адаптивное меню на jQuery. уроки jQuery.

В этом видео я покажу вам самый быстрый способ как сделать адаптивное меню для вашего проекта или сайта. Мы будем делать адаптивное меню с применением jQuery поэтому это можно как бы считать jQuery практика. Но так же это и уроки CSS.
========================================================
И не пропускай новые видео!!!
========================================================
ПЛЕЙ-ЛИСТЫ МОЕГО КАНАЛА:
========================================================

========================================================

[josephstalin]

Как всегда - ничего не понятно и без объяснений!)

С overflow косяк однозначный - он убирает видимость, но физически блок на том же месте. Попробуйте навести на как-бы исчезнувшее меню мышу! Всё-таки наверно лучше display:none; ?

[Heretic_Man]

Спасибо, все круто!
Моё мнение: можно не опасити а margin-left: 100%, aпотом возвращать 0.
И можно было б все на кодпен залить и сыль кинуть.
А так как всегда КЛАСС

[skylinar]

лайк) лучше написать свое меню, чем разгребать чужие костыли)) например bootstrap - меню)))

потом идут многоуровневые меню, с ховерами, position итп))

[lendstoor]

есть проблем с тем то блоки становятся просто не видны, но активны. но это можно бысто исправить.
В меню (media).links {
top: -999em; (поднимаешь его далеко)
}
а в меню
.menu.menu-open .links {

top: 0;
}
и все готово

[glebboyarshinov]

И чёт при умньшение экрана меню пропадает, а при нажатие не появляется

[LuckyStilet]

я хз НАХ тулить видос в 10 минут???? пздц, ну раскажи ты что почему и зачем, понятно что большенство тут и сами могут разобраться, но времени уйдет в пару раз больше чем ты бы сам расказал!!
Это же не формат ролика "10 лучших бу-гагага месяца" это JS JQ здесь каждый второй задрот, посмотрим и 20 мин ролик... plz не экономь прям уж на столько длину ролика! Лайк авансом! :)

[Doodosik]

Сидел делал так же, открыл в браузере уже в конце и нифига не работает... Классно

[sergey]

nav>ul>li>a Где html5?


});
И нужно было дописать меню, вдруг в проекте меню многоуровневое
Меню для проектов не рекомендую :(

[snd]

сразу лайк) а что все таки более кроссбрайзерней и быстрей? на js или на css?

[KrotUA]

Зачем юзать inline-block, line-height...мы вроде как в 2к17, Flex уже давно есть...Что там он... CSS Grid на 70% поддерживаются
z-index: 1000 ?Почему не дать сразу ну что бы наверняка.
Зачем КАРЛ???

[dreamlight]

Добрый день. Отличный урок, спасибо. Единственный вопрос - как сделать чтобы меню открывалось плавно? Что и где нужно прописать в JS?

[qniwoel]

Так можно проще сделать, на чистом js у меня 2 строчки вышло)

[nardo]

$(function() {
$('.icon').on('click', function(){


});
});


в скрипте и так работает! зачем было лишнего непонятного вставлять

[mirajana]

.closest( selectors [, context ] ) Устарел в версии: 1.7, Удален в версии: 1.8

[bonojonujabes]

это не работает: transition: .25s easy-in-out, а вот так норм: transition: .25s;

[ccfsvgj]

Если чесно сложно, а если самому написать невозможно!!!((((

[cars_owners]

Не соглашусь с теми кто говорит "Нет объяснений". Как раз этот урок нормальный, ведь он посвящен реализации jQuery, а не изучению html && css.

[kot_]

не для новичков!!!
кто так уроки записывает, без предварительного результата?