Создаем аккордеон на 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
💬 Группа в 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
بـار بازدید شده