jquery - jQuery 中的缓动选项不起作用

Question

我曾多次尝试使用缓动用于教育目的，但徒劳无功，我的尝试从未成功，肯定我做错了什么，但两天以来我无法识别错误，所以我在这里包含我的 jQuery 函数，希望你能告诉我在哪里问题。

附加代码的结果只是隐藏而不是动画

$(document).ready(function()
{
    $('#hide').click(
        function()
        {
            $('p').toggle(
            function()
            {
                $('p').animate({'padding':'=+150px'},3000,'swing')
            },
            function()
            {
                $('p').animate({'padding':'=-150px'},3000,'linear')
            }
            );
        }
    )
})

Answer 1

我删除了对已弃用形式的调用，toggle将其替换为简单的布尔值。另请注意，padding应设置为 like-=150px而不是=-150px.

var toggle = true;
$(document).ready(function()
{
    $('#hide').click(
        function()
        {
            if(toggle){
                $('p').animate({'padding':'+=150px'},3000,'swing');
                toggle = false;
            }else{
                $('p').animate({'padding':'-=150px'},3000,'linear');
                toggle = true;
            }
        }
    )
});

工作示例：http: //jsfiddle.net/nBzCL/