Создаем аккордеон на JS за 10 минут

3.8 هزار بار بازدید - 2 سال پیش - 🌐 Наш сайт:
🌐 Наш сайт: https://codelab.pro/
💬 Группа в Telegram: https://t.me/codelab_channel

––––––––––––––––––––––––––––––

📋 Кратко, о чем это видео

В этом видео мы напишем свой аккордеон на чистом JS. Важная особенность в этом аккордеоне - при раскрытии его высота подстраивается под высоту контента. Также мы сделаем анимацию при раскрытии - аккордеон будет раскрываться плавно, также добавим анимацию иконки.

––––––––––––––––––––––––––––––

📌 Полезные ссылки

Готовый код из видео ➝ https://codelab.pro/prostoe-burger-me...
Стартовый проект на GitHub ➝ https://github.com/toni-wheel/youtube...

––––––––––––––––––––––––––––––

🕒 Таймкоды из видео

0:00 Демонстрация примера
0:29 Делаем разметку аккордеона
1:21 Стилизация аккордеона
6:26 Пишем скрипт для аккордеона

––––––––––––––––––––––––––––––

💙 Поддержать меня и мой канал

Yandex деньги ➝ https://yoomoney.ru/to/4100116765956607
Qiwi кошелек ➝ https://qiwi.com/n/CODELAB
2 سال پیش در تاریخ 1401/01/16 منتشر شده است.
3,836 بـار بازدید شده
... بیشتر