Спойлер с плавным открытием

[skyline]

Здравствуйте есть такая задача, организовать спойлер с плавным открытием. 

Но при открытии спойлера меняется иконка.

Тоесть когда он закрыт одна иконка, при открытии другая(рядом с названием)

Есть организовывать при помощи <details> то проблем нет с этой иконкой, там прописываем [open] и все. Все работает как надо... Но как тогда организовать плавное открытие? не корректно работает при помощи jquery и js... он открывается тогда не плавно, а с задержкой... что не правильно..

[npofopr]

Вы пример прикладывайте. 
Плавное открытие можно и через css сделать.

[skyline]

 

вот такой пример

Edited March 25, 2017 by skyline

[skyline]

я уже организовал плавное открытие, все сделал, осталось сделать чтобы иконка менялось при открытии...  я так понимаю чтобы поворачивалась на 90 градусов

[npofopr]

Под примером подразумевается пример кода, а не картинка)) 

С помощью jquery или js, указывайте класс active, например, на блок, по клику, и по этому классу меняйте уже иконку.
Вот, например https://jsfiddle.net/npofopr/Mww7F/ иконку только добавить)

[skyline]

вопрос решился, спасибо