Тёмный

Анимируем display:none; Accordion HTML + CSS + JS 

Давай Попробуем: JavaScript
Подписаться 24 тыс.
Просмотров 1,6 тыс.
50% 1
ВидеоПоделитьсяСкачатьДобавить в

🤟 JS файл тут: github.com/llr...
🔥 Обе сборки можно получить по ссылке:
/ gulp-tailwindcss-sbork...
🏆 Поднять мотивацию и получить плюшки(исходники, чат со мной):
🔹 Patreon: / roman_timoshchuk
🔹 Buy me a coffee: www.buymeacoff...
🔹 Crypto:
👉 USDT(ERC20): 0xA4008910De17DB20c7505425316fF72d4C5Eed96
👉 USDT(BEP20): 0x4350c4E1C0bB35634C7fDE1cFB278BE0606E3822
👉 USDT(TRC20): TXFvmRqj3QSjsoECCefb6eXFybpgf8AYPS
⏱️ Тайм-коды: ⏱️
00:45 вступление и обзор
02:26 HTML часть
03:56 CSS часть
05:50 JavaScript часть
17:52 заключение
📨 Сотрудничество ► timoschuk.roman@gmail.com
📨 Business inquiries ► timoschuk.roman@gmail.com

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

 

28 сен 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 26   
@lets_try_js
@lets_try_js Год назад
Кто не повторит сейчас, тот не сможет до конца сделать ту верстку, которая у нас будет в след уроке ))
@AndrewUrch
@AndrewUrch Год назад
А кто не хочет грузить люминий, пойдет грузить чугуний
@AndrewUrch
@AndrewUrch Год назад
Качество не очень, при быстром клике на одном тригере некрасивая анимация, мерцает и дёргается, в бутстрапе такого косяка нет например, аккордион делается через scrollHeight
@lets_try_js
@lets_try_js Год назад
@@AndrewUrch не знаю кто на практике клацает на эти элементы как автокликером конечно))) но никто не мешает дописать код так, что бы это работало и в таком случае корректно
@AndrewUrch
@AndrewUrch Год назад
@@lets_try_js тестеры? А так это ещё сильнее усложнит код, короче у меня есть более элегантное решение, принцип простой, уменьшаем или увеличиваем max-height, работает очень плавно и надежно
@lets_try_js
@lets_try_js Год назад
@@AndrewUrch та этих способов миллион
@beksensei7207
@beksensei7207 Месяц назад
Как сделать текстовый редактор таким де плавным? Плагин нужен или в настройках чтото задать? А так подписался, полезно. Спасибо заранее
@lets_try_js
@lets_try_js Месяц назад
на канале есть видео, полистайте
@andriikliuiko4233
@andriikliuiko4233 Год назад
просто заюзать display: grid на контент и поставить транзишн на grid-template-rows 0fr -> 1fr и все
@lets_try_js
@lets_try_js Год назад
такой подход нужно протестить, так никогда не делал
@AndrewUrch
@AndrewUrch Год назад
Проверил, работает хорошо и не требует дополнительных скриптов, такой grid вариант даже в чем-то лучше моего
@lets_try_js
@lets_try_js Год назад
@@AndrewUrch тоже протестирую завтра, интересно стало
@dimadiv6583
@dimadiv6583 11 месяцев назад
@@lets_try_jsпроверил? Как результат?
@lets_try_js
@lets_try_js 11 месяцев назад
@@dimadiv6583 еще не, не доходят руки, куча работы
@Virisound
@Virisound Год назад
Комментарии в поддержку канала: аккордион, вдаль лул т них удалив адмжиз хвалите...
Далее
Выполняем задачу с Upwork. Анимация набора текста. Typewriter animation effect.
15:55
Выполняем задачу с Upwork. Анимация набора текста. Typewriter animation effect.
Просмотров 2,9 тыс.
I built an app using a single index.php file, here's how it went
32:42
I built an app using a single index.php file, here's how it went
Просмотров 58 тыс.
pumpkins #shorts
00:39
pumpkins #shorts
Просмотров 9 млн
БАЯНИСТ разносит ЗАПАД РУССКОЙ МУЗЫКОЙ | Реакция ИНОСТРАНЦЕВ в ЧАТ РУЛЕТКЕ
18:14
БАЯНИСТ разносит ЗАПАД РУССКОЙ МУЗЫКОЙ | Реакция ИНОСТРАНЦЕВ в ЧАТ РУЛЕТКЕ
Просмотров 116 тыс.
ПИ ДИДДИ: "белые" вечеринки, приёмная дочь, 50 Cent и весь криминал (часть 1)
48:14
ПИ ДИДДИ: "белые" вечеринки, приёмная дочь, 50 Cent и весь криминал (часть 1)
Просмотров 385 тыс.
Мой тг: Подвал Стинта #стинт #stint #stintik
00:24
Мой тг: Подвал Стинта #стинт #stint #stintik
Просмотров 211 тыс.
OPERATING SYSTEM
8:51
OPERATING SYSTEM
Просмотров 31
Создание простого аккордеона на JS
19:32
Создание простого аккордеона на JS
Просмотров 6 тыс.
Современная Backend Архитектура. Масштабируемые и высоконагруженные приложения
13:55
Современная Backend Архитектура. Масштабируемые и высоконагруженные приложения
Просмотров 361 тыс.
Send Email from HTML Form for Free | EmailJS
7:28
Send Email from HTML Form for Free | EmailJS
Просмотров 38 тыс.
Бургер меню - просто. HTML + CSS + JS
22:34
Бургер меню - просто. HTML + CSS + JS
Просмотров 39 тыс.
Зачем я ЭТО купил? 🫣 Отзыв спустя год Changan CS55 Plus!
20:08
Зачем я ЭТО купил? 🫣 Отзыв спустя год Changan CS55 Plus!
Просмотров 32 тыс.
Эффект Collapse на JavaScript в 5 строк. Как в bootstrap
23:26
Эффект Collapse на JavaScript в 5 строк. Как в bootstrap
Просмотров 4,5 тыс.
CI/CD - Простым языком на понятном примере
15:29
CI/CD - Простым языком на понятном примере
Просмотров 38 тыс.
ВЫКАТИЛИ НОВЫЙ СПОСОБ ОЦЕНКИ ПРОГРАММИСТОВ(чекаем)
11:24
ВЫКАТИЛИ НОВЫЙ СПОСОБ ОЦЕНКИ ПРОГРАММИСТОВ(чекаем)
Просмотров 28 тыс.
Анимированный аккордеон, как в Bootstrap 5, пишем сами. Все фишки!
15:49
Анимированный аккордеон, как в Bootstrap 5, пишем сами. Все фишки!
Просмотров 3,2 тыс.
pumpkins #shorts
00:39
pumpkins #shorts
Просмотров 9 млн