Font Awesome Plus / Minus图标开关的HTML代码

Question

我使用Adobe RoboHelp管理知识库。很少需要在标准编辑器上使用HTML。我希望有一个下拉菜单，当用户点击文本时，字体很棒的图标fa-plus-circle会变成fa-minus-circle。

我正在努力使用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>

如果没有代码，很难确定最适合你的方式。