javascript - 单击时使用 jquery 更改图标

Question

jQuery 的新手，我正在尝试更改单击时的字体图标类并显示下拉列表。目前它会更改图标并下拉，但是当我想让它切换回来时，文本会切换但图标保持不变。这是我的代码:

$(".answer1").hide();


$(".question1").on("click", function(){
    $(".answer1").toggle(300);
    $(this).find($(".fa")).removeClass('fa-plus').addClass('fa-minus');


});

有什么建议吗？

Answer 1

尝试

   $(".question1").on("click", function(){
        $(".answer1").toggle(300);
        $(this).find($(".fa")).toggleClass('fa-plus fa-minus');

    });