1 回答

TA貢獻1827條經驗 獲得超8個贊
用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");});
}
});
添加回答
舉報