Как изменить значок при сворачивании/развертывании div? ⇐ CSS

[Anonymous]

В компоненте бритвы у меня есть следующее:

Код: Выделить всё

@{
var id = $"collapseNotes{itemId}";
var href = $"#{id}";

[i][/i]
[url=@(href)]
More info
[/url]

long text...


}

Свертывание и развертывание работает нормально.
Однако я хотел бы изменить значок при развертывании, а затем вернуться в исходное состояние при сворачивании.
Легко ли этого достичь, используя CSS или необходим JS? В любом случае, какова наилучшая реализация?

Подробнее здесь: https://stackoverflow.com/questions/792 ... pand-a-div