Jquery - 单击更改Glyphicon

Question

我有一个崩溃的div，似乎无法使用我现有的Jquery改变glyphicon。

我想将glyphicon-plus更改为glyphicon-minus但似乎对我不起作用。

StringCollection

$(function(){
    $('a.togglebtn').click(function(){
        if($("#toggleGlyph").length !== 0)
            $(".glyphicon").removeClass("glyphicon-minus").addClass("glyphicon-plus");
        else if ($("#toggleGlyph").length !== 0)
            $(".glyphicon").removeClass("glyphicon-plus").addClass("glyphicon-minus");
    });
});

$(function(){
$('a.togglebtn').click(function(){
        if($("#toggleText").text()==="Learn More"){
            $("#toggleText").html("Hide");}
        else {$("#toggleText").html("Learn More");}
        $('#myContent').stop().slideToggle(500);
        return false;
    });
  });

#mycontent { display:none;}

Answer 1

我使用jQuery.toggleClass函数并添加我正在切换的两个类。

看起来像这样......

$(function () {
    $('a.togglebtn').click(function () {
        $(".glyphicon").toggleClass("glyphicon-minus glyphicon-plus");
        $('#toggleText').text($('#toggleText').text() === "Learn More" ? "Hide" : "Learn More");
        $('#myContent').stop().slideToggle(500);
        return false;
    });
});