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);
});

此表单的正确版本为this

注意：此功能在jQuery 1.8中已弃用，已在1.9 https://api.jquery.com/toggle-event/中删除。所以我强烈建议你不要使用它。