HTML Code for Font Awesome Plus/Minus Icon Switch

Question

Я управляю базой знаний с помощью Adobe RoboHelp. Очень редко нужно использовать HTML над стандартным редактором. Я хочу иметь раскрывающееся меню, в котором шрифт awesome icon fa-plus-circle превращается в круг fa-minus, когда пользователь нажимает на текст.

Я борюсь с кодом HTML, чтобы повернуть значок плюса в значок минуса при нажатии. Любая помощь приветствуется!

Answer 1

Что-то вроде этого будет работать. Но использование jQuery было бы проще, если бы вы могли.

<script> 
function changeIcon() { 
    var isChecked = document.getElementsByClassName('fa-minus'); 
    if(isChecked.length > 0) document.getElementById('plus').className='fa fa-plus'; 
    else document.getElementById('plus').className='fa fa-minus'; 
} 
</script> 

<i class="fa fa-plus" id="plus"></i><div onclick="changeIcon();">Click Me</div> 

Трудно определить способ, который наилучшим образом подходит для вас без кода.