jq2 里没有toggle方法了，有什么好的替代吗

Question

jq2 里没有toggle方法了，有什么好的替代吗，还有事件解绑用哪个

Answer 1

用hasClass/addClass/removeClass或attr标记状态实现toggle切换

<button id="animate" status="0">animate</button>

<div id="block">Hello World</div>

$("#animate").click(function(){

    if(!$(this).hasClass("clicked")) {

        $(this).addClass("clicked");

        $("#block").animate({"font-size": "10em"}, 1000, "linear", function(){console.log("complete");});

    } else {

        $(this).removeClass("clicked");

        $("#block").animate({"font-size": "1em"}, 1000, "linear", function(){console.log("complete");});

    }

});

$("#animate").click(function(){

    if($(this).attr("status") == 0) {

        $(this).attr("status", 1);

        $("#block").animate({"font-size": "10em"}, 1000, "linear", function(){console.log("complete");});

    } else {

        $(this).attr("status", 0);

        $("#block").animate({"font-size": "1em"}, 1000, "linear", function(){console.log("complete");});

    }

});