Как добавить transition в аккордеон?

Question

[Andrew Foy]

Вопрос довольно легкий, но у меня не получается. На самом деле я ничего не знаю о transition но много раз его использовал. Пробовал через js поставить, но анимации нет. Может нужно что-то другое использовать?



И еще, при вскрытии контента, Trigger 1 немного уползает вверх. Как это пофиксить?

Comments

[ambisinister One]

Вот этот самый аккордеон я встречаю здесь раз пятый за месяц.
Вам лень это самое слово в поиск вверху впечатать?

[Andrew Foy]

ambisinister One, Прощу прощения, но я не заметил, поэтому и задал вопрос

[Dmitriy Grape]

Andrew Foy, если вы нашли решение, удалите вопрос, или оставьте в ответах ссылку на решение

[Andrew Foy]

Rag’n’ Code Man, пока не нашел

[Сергей delphinpro]

вопрос неясен. что именно вам нужно? в вашем коде совсем нет transition/ Чего вы хотите добиться - непонятно. Можно как-то детальнее описать проблему?

[Andrew Foy]

Сергей delphinpro, Мне нужно чтобы после нажатия сработал аккордеон но с анимацией что-то вроде этого https://impreza.us-themes.com/elements/accordion/

Answer 1

[Антон Романков]

Свойство display не анимируется. Используйте для этой цели transform rotate, height, opacity и проч