单击使用jquery更改图标

时间:2015-01-27 14:15:05

标签: javascript jquery html css font-awesome

jQuery非常新,我试图在点击时更改字体图标类并显示下拉列表。目前它更改图标并下降,但当我希望它切换回文本切换但图标保持不变。这是我的代码:

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


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


});

任何建议?

2 个答案:

答案 0 :(得分:2)

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

    });

答案 1 :(得分:1)

发布后我尝试了一些东西并且它有效,这可以使用吗?它做我想要的:

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


});