@Alexandra095

Изменение иконки при нажатии на аккордеон, как сделать?

Есть стандартный бутстраповский аккордеон. В кнопке которого есть icon в виде стрелочки.
Нажимаем на кнопу, стрелка смотрит уже не вниз а вверх.
Как реализовать данный момент ?

Стиль поменять через focus могу, а вот саму стрелочку. хммм.... или её нужно не прописывать в hmtl а классом, записать в стилях и тогда будет в принципе то что нужно я полагаю, но сначала хотела бы узнать, можно ли как - то по другому сделать ?

<button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
    стрелка вниз, при открытии стрелка должна будет уже смотреть вверх.
  </button>
<div class="collapse" id="collapseExample">
  <div class="card card-body">
    Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
  </div>
</div>
  • Вопрос задан
  • 1693 просмотра
Решения вопроса 1
xmoonlight
@xmoonlight
https://sitecoder.blogspot.com
Поверните через CSS-класс, ориентируясь на состояние.
.element {
  transform: rotate(90deg);
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы