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

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

[@user-th4gy4sz8j]

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

[@Drab-vq9bt]

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

[@frontend_case]

Спасибо)

[@user-yx3dm4wd9j]

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

[@user-in1ji6io3o]

Cупер👌

[@zelenyigor6919]

👍

[@user-fn5py9tw5f]

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

[@jerri5700]

Здравствуйте! Подскажите, пожалуйста, где скачать файлик обнуления 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 ага)

[@gamerplus4492]

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

[@frontend_case]

А какое отношение это имеет к аккордеону? Значит надо сделать правильную структуру страницы, чтобы прижать футер к концу страницы и чтобы он не зависил от количества контента. Посмотри это видео: kzbin.info/www/bejne/hpy1l6mXaNp4pJY

[@gamerplus4492]

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

[@gamerplus4492]

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

[@frontend_case]

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

[@user-wf6cr6ij4w]

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

[@self_education_l4397]

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

[@user-rn7jy8zh2h]

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