Тёмный

Меню аккордеон. Простой способ для новичков! HTML, CSS, JS. 

Frontend кейс
Подписаться 2,3 тыс.
Просмотров 1,2 тыс.
50% 1
ВидеоПоделитьсяСкачатьДобавить в

Материалы урока: t.me/frontend_...
Чат Фронтендеров в Telegram (помощь новичкам): t.me/frontend_...
Если ты изучаешь HTML, CSS, JS, то тебе надо практиковаться!
В этом видео я покажу как с нуля, сделать очень простое меню аккордеон!
Подробное объяснение на практике.
И так же рассмотрим, где его можно применить в реальном проекте.
Удачи!

Опубликовано:

 

29 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 9   
@НюбомАлександр
@НюбомАлександр 20 дней назад
Уважаемый! Зачем дурить голову новичкам и подключать совершенно излишний здесь jQuery?
@anatolyannenko1821
@anatolyannenko1821 Год назад
главное, для контентов делать не display:none а max-height:0 overflow hidden а паддинги контенту лучше задать вложенному тегу допустим p . тогда можно будет анимацию делать, так как для display анимации нет
@frontend_case
@frontend_case Год назад
Спасибо за обратную связь, конечно я в курсе об этом методе, просто цель видео показать максимально простой способ аккордеона! Скоро выпущу видос, как его сделать, как в бутстрапе.
@Drab-vq9bt
@Drab-vq9bt Год назад
👍👍🔥
@ndreiorekhov777
@ndreiorekhov777 Год назад
почти в 100% случаях, нужно добавлять в js закрытие всего аккордеона при клике вне этого блока
@frontend_case
@frontend_case Год назад
В принципе согласен, это легко сделать. Но это видео о максимально простом аккордеоне)
@anatolyannenko1821
@anatolyannenko1821 Год назад
ну это максимально легко сделать и вариантов несколько.
@ДмитрийНормов-ю6ц
@ДмитрийНормов-ю6ц Год назад
@@frontend_case он слишком уж простой...
@frontend_case
@frontend_case Год назад
@@ДмитрийНормов-ю6ц в чем проблема, лови сложнее) ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-ZN0pPbjKlj8.html
Далее
Анимированный аккордеон, как в Bootstrap 5, пишем сами. Все фишки!
15:49
Анимированный аккордеон, как в Bootstrap 5, пишем сами. Все фишки!
Просмотров 3,2 тыс.
Аккордеон на чистом HTML, CSS без Javascript!
13:07
Аккордеон на чистом HTML, CSS без Javascript!
Просмотров 31 тыс.
Беременна в 16 - 4 выпуск, 2 сезон (Мама в 16)
1:49:03
Беременна в 16 - 4 выпуск, 2 сезон (Мама в 16)
Просмотров 347 тыс.
Ко мне подкатил бармен
00:58
Ко мне подкатил бармен
Просмотров 137 тыс.
Lp. Сердце Вселенной #21 БОЛЬШАЯ КОШКА [Переросток Монстр] • Майнкрафт
32:44
Lp. Сердце Вселенной #21 БОЛЬШАЯ КОШКА [Переросток Монстр] • Майнкрафт
Просмотров 753 тыс.
Сбегаю от РОДИТЕЛЕЙ ЗОМБИ. SCHOOLBOY RUNAWAY В РЕАЛЬНОЙ ЖИЗНИ
09:40
Сбегаю от РОДИТЕЛЕЙ ЗОМБИ. SCHOOLBOY RUNAWAY В РЕАЛЬНОЙ ЖИЗНИ
Просмотров 504 тыс.
Разработка первого в мире «дышащего» компьютера
16:54
Разработка первого в мире «дышащего» компьютера
Просмотров 67 тыс.
Аккордеон меню без использования js / Accordion using html / css only
19:25
Аккордеон меню без использования js / Accordion using html / css only
Просмотров 1,9 тыс.
CHAT GPT-4o учимся и создаем интересные проекты вместе быстро и легко.
26:46
CHAT GPT-4o учимся и создаем интересные проекты вместе быстро и легко.
Просмотров 493
Создание простого аккордеона на JS
19:32
Создание простого аккордеона на JS
Просмотров 6 тыс.
Git и GitHub для новичков с полного нуля! Размещаем свой сайт в интернете (GitHub pages).
35:27
Git и GitHub для новичков с полного нуля! Размещаем свой сайт в интернете (GitHub pages).
Просмотров 1 тыс.
Полный обзор iPhone 16 Pro / Max - кому обновляться?
23:27
Полный обзор iPhone 16 Pro / Max - кому обновляться?
Просмотров 537 тыс.
Как сделать аккордеон на: чистом CSS / прекрасном JS / ужасном jQuery?
14:42
Как сделать аккордеон на: чистом CSS / прекрасном JS / ужасном jQuery?
Просмотров 32 тыс.
Почему «Друзья» стали культовыми
18:29
Почему «Друзья» стали культовыми
Просмотров 122 тыс.
Спойлер и аккордеон на HTML CSS и JavaScript, с возможностью включения на определенной ширине экрана
35:55
Спойлер и аккордеон на HTML CSS и JavaScript, с возможностью включения на определенной ширине экрана
Просмотров 51 тыс.
Аккордеон - простой список для сайта
23:35
Аккордеон - простой список для сайта
Просмотров 6 тыс.
Беременна в 16 - 4 выпуск, 2 сезон (Мама в 16)
1:49:03
Беременна в 16 - 4 выпуск, 2 сезон (Мама в 16)
Просмотров 347 тыс.