Эффект Collapse на JavaScript в 5 строк. Как в bootstrap

[@jinke5935]

На днях как раз повторял из курса "JS 2.0" события на клавиатуре, с мышкой и тачпадом. Приятно снова видеть Ваши видео-уроки!

[@FrontNinja]

Решил переписать без JS, как посоветовали в комментариях. Все получилось, но высота строки анимировалась очень плохо, паддинги шли как надо, а текст резко исчезал. Перепробовал много решений. Оказалось в grid-template-row: 1fr, надо менять на 0fr, а не просто на 0. Только тогда все будет работать как на видео. Очень хороший урок, спасибо, Александр!

[@АлександрКирьянов-э9з]

Лаконично и информативно как всегда. Спасибо!

[@beuef1379]

Александр молодец: грамотная и с юмором речь оставляют очень приятные впечатления

[@o_opedro4044]

Спасибо за ваши уроки Александр Купил у вас 6 уроков и не разу не пожалел.

[@КостяЛебедь-д3х]

Автор настолько крут, что не Александр знает JavaScript, a JavaScript знает Александра!

[@МихаилБелов-п3р]

Почему то у меня дергается когда кнопка закрывает текст, почему может быть?

[@Nine_Tails]

а можно про гриды видео? я как-то дальше флекса не ушел

[@Nine_Tails]

как всегда круто, спасибо!

[@Heymdall_]

Хочу сказать спасибо за ваши старания. Не так давно начал учить Javascript, попал на ваш канал случайно. И понял, что у вас очень полезные видео по Javascript для новичка. Отдельное спасибо за такое развернутое объяснение в каждом видео. Не каждый ментор так рассказывает как вы. Хотел бы узнать ваше мнение, стоит ли на этапе джуна учить бинарные массивы и все, что с ними связанно, или можно пропустить пока что?

[@arcadiibabici7655]

как всегда. Спасибо!

[@slavslav2854]

Не понял зачем это делать если есть тег . Это не подкол, просто может есть какая-то важная разница?

[@sergozar]

в details "кнопку" нельзя разместить где угодно

[@arsa946]

Спасибо. Однако, это можно реализовать все на css без JS.

[@elevaalex1225]

Понравился способ анимации через гриды. Я помню делал как-то по другому, через transform translate скрывал или что-то вроде того. У вас намного проще получилось, надо брать на вооружение

[@АлексейСоколов-у3к]

Почему-то видно как текст при коллапсе сдвигается. А реальном проекте такое не примут.

[@create-your-realities]

Здравствуйте, а куда донаты перевести можно?

[@itgid]

itgid.info/ru/buy

[@stormbraker637]

Жаль про доступность ни слова

[@vinyardrip5628]

все бы было хорошо, но делать транзишн, говоря что делаешь без него....