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/中已删除。 因此，我强烈建议您不要使用它。