单击时使用 jquery 更改图标

Question

对 jQuery 很陌生，我正在尝试更改字体图标 class 单击并显示下拉菜单。目前它会更改图标并下拉，但是当我想让它切换回来时，文本会切换但图标保持不变。这是我的代码：

$(".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').toggleClass('fa-minus');


});

Answer 2

尝试

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

    });