Анимированный аккордеон, как в Bootstrap 5, пишем сами. Все фишки!

Подписаться 2,1 тыс.

Просмотров 2,7 тыс.

50% 1

Материалы урока: t.me/frontend_case
Чат Фронтендеров в Telegram (помощь новичкам): t.me/frontend_case_chat
Ссылка на урок, как сделать самый простой аккордеон для начинающих: • Меню аккордеон. Просто...
Если ты изучаешь HTML, CSS, JS, то тебе надо практиковаться!
Сегодня у нас в студии анимированный аккордеон, как в Bootstrap 5!
Писать мы его будем на чистом JavaScript и с полного нуля!
Подробное объяснение на практике.
Удачи!

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

29 янв 2023

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 23

@user-th4gy4sz8j 4 месяца назад

Спасибо за урок друг👍

@Drab-vq9bt Год назад

Очень качественный контент! 👏

@frontend_case Год назад

Спасибо)

@user-yx3dm4wd9j 4 месяца назад

Супер, спасибо! Отличное разьяснение всех ньюансов.

@user-in1ji6io3o Год назад

Cупер👌

@zelenyigor6919 Год назад

👍

@user-fn5py9tw5f 13 дней назад

заметил баг если применить в обнулении стилей(*,*:before,*:after:box-sizing:border box;)контент не раскрывается полностью. нашел самое простое и единственное решение , блоку с контентом в css написать (box-sizing:content-box)

@jerri5700 7 месяцев назад

Здравствуйте! Подскажите, пожалуйста, где скачать файлик обнуления null.css ?

@AntonioBenderas Год назад

4:48 а что значит фонт-сайз 100% и ниже 16рх для html, body?

@frontend_case Год назад

фонт-сайз 100% нужно убрать, оно там не нужно, старый файлик с обнулением использовал

@AntonioBenderas Год назад

А что если вместо div использовать теги details summary?

@frontend_case Год назад

1) Если делать такой же функционал, как в этом аккордеоне, то кода будет столько же, мы ничего не выиграем 2) Хромает кроссбраузерность 3) И самое главное, оно не анимируется! Но инструмент, когда не нужна плавность и большой функционал, хороший)

@OleksandrBeley Год назад

rsschool?)

@AntonioBenderas Год назад

@@OleksandrBeley ага)

@user-wf6cr6ij4w 8 месяцев назад

единственное нормальное видео про аккордеон и всего тысяча просмотров. а треш аккордеоны от бездарных джунов набирают сотни тысяч просмотров

@gamerplus4492 Год назад

Всё хорошо, но когда закрытый последний аккордеон то после футера появилось много пространства

@frontend_case Год назад

А какое отношение это имеет к аккордеону? Значит надо сделать правильную структуру страницы, чтобы прижать футер к концу страницы и чтобы он не зависил от количества контента. Посмотри это видео: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-PkRfva3uEn4.html

@gamerplus4492 Год назад

@@frontend_case изначально прижимал футер

@gamerplus4492 Год назад

@@frontend_case для контента не задал overflow:hidden в этом проблема была

@frontend_case Год назад

@@gamerplus4492 а ну да тогда, конечно будет такое явление) я в видео задал overflow

@self_education_l4397 Месяц назад

поменьше бы "эээ"

@user-rn7jy8zh2h Год назад

Все понимаю, начинающий ютубер, все с чего то начинают. Но если хочешь делать качественный контент, меняй свою речь, дикцию и уверенность. Видео запись делай по дублям, чтобы не было по типу эканья или слов Хейт))) ору кароче