jQuery滑塊切換動畫不起作用

Question

我試圖讓我的滑塊工作。 我知道我該怎么做，但是我正在嘗試使用toggle() ..事實證明這很困難，有人知道我什么都不知道嗎？

http://jsfiddle.net/kr2wE/

$("#slider").on("click", function () {
    $("#slider").toggle(function () {
        $(this).animate({
            "height":"100px"
        }, 1000);
    }, function () {
        $(this).animate({
            "height":"0"
        }, 1000);
    });
});

Answer 1

$("#slider").toggle(function () {
    $(this).animate({
        "height":"100px"
    }, 1000);
}, function () {
    $(this).animate({
        "height":"20px"
    }, 1000);
});

此表格的正確版本是這樣

注意：此功能在jQuery 1.8中已棄用，在1.9 https://api.jquery.com/toggle-event/中已刪除。 因此，我強烈建議您不要使用它。