Создание простого аккордеона на JS 

⚛⚛⚛ Пройди практический курс "Javascript Fullstack разработчик" от MakeWeb.me. Детали тут: makeweb.me/course-js-fullstack-developer Телеграм для связи по курсу: @makewebchatme

спасибо за подробное объяснение! мелкие отхождения от основной темы очень кстати, учат новому!

Огромное спасибо, объяснение супер! Лайк, подписка, автору "+" в карму

Спасибо за урок. Очень помогло. Хотелось бы еще спросить а как можно добавить в правую часть accordeon-header какую-то картинку svg (например плюсик) и при открытии эту картинку менять на другую картинку svg (например крестик)?

как сделать чтобы можно было закрывать вкладку?

А почему бы не искать все секшионы, а не конкретный ('.accordeon-section.opened')?

Мне кажется что проще было сделать через scrollHeight

Спасибо за видео, но у меня вопрос. Зачем записывать видео что бы показать как сделать плохой аккордеон? Почему сразу не сделать хороший, переиспользуемый, правильный аккордеон? Это бы заняло те же 19 минут, но в головах не осталось бы этого мусора который есть сейчас

Лайк

гавно код)

Ох нагородили. Лучше бы на jQuery в 3 строки типовое решение написать. Потому как сейчас много минусов. Работает ли это решение на мобильном? Верстальщик обязательно должен знать, чтобы в содержимом блока был всегда один элемент, иначе всё накроется. Используется стиль в js. Если где то в css будет height или max-heigh или конфликтующие с ним свойства, то опять таки всё накроется. Ну и последнее, анимация очень непроизводительная, так как происходит перерисовку содержимого. Лучше бы поиграться с вариантом transform scale

спасибо, все очень доступно и ясно, для первого JS-аккордеона то, что надо;)))

еще бы 'use strict' и const вместо var

👍👍👍

Ul>li надо)