Javascript jquery滑块切换动画不工作

我正在试着让我的滑杆工作。我知道如何制作一个，但我正在尝试使用切换。。事实证明这很难，有人知道我不知道的吗

此表格的正确版本为

---

注意：此函数在jQuery 1.8中被弃用，在1.9中被删除。因此，我强烈建议您不要使用它。

非常感谢。你能解释一下切换不起作用的原因吗？在.toggle函数调用中切换所有就绪寄存器单击事件。

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

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