Задать вопрос
@demidov_grinch

Как сделать, чтобы иконка плюса менялась при клике на иконку минуса?

Добрый день, уважаемые господа!
Есть код, выводящий список вопросов. Вопросы раскрываются и закрываются с помощью slideToggle. Имеется класс element, который выводит иконку "ПЛЮС" из font Awesome перед вопросом. Как сделать, чтоб при клике на вопрос, иконка менялась на другую?
Код CSS:
.element:before {
    content: "\f055";
    font-family: FontAwesome;
}

<div class="vopros element">Где подросток может получить консультацию по профориентации?</div>
<div class="otvet">Здесь находится ответ на вопрос. </div>
  • Вопрос задан
  • 2312 просмотров
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Используйте, например, toggleClass
$(".element").toggleClass("plus minus");

Сам элемент:
<span class="element plus"></span>
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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