jQuery .animate()，切换问题

Question

我对 js 比较陌生，我正在尝试在我的投资组合中实现一个简单的 .animate() 功能。正如你所看到的这里，使用我编写的代码，名为ribbon的div完美地向下滑动，但看起来忽略脚本的“else”部分。

我知道我可能犯了一个愚蠢的错误，但目前我似乎无法想出更好的办法！

抱歉我的英语不好，做意大利人很糟糕。

Answer 1

刚刚在一分钟前为另一个类似的问题想出了一个解决方案。

http://jsfiddle.net/HF5A5/

基本上，您将该值乘以 1 或 -1，然后切换该值价值。

$(document).ready(function() {
    var direction = -1;
    $('#toggle').click(function() {
            direction -= direction * 2;
            $('#ribbon').animate({
                marginTop: "+=" + direction * 300 + "px"
            }, 1700);
            return false;
    });
});

或者更好： http://jsfiddle.net/HF5A5/1/

$(document).ready(function() {
    var direction = 1;
    $('#toggle').click(function() {
            $('#ribbon').animate({
                marginTop: "+=" + direction * 300 + "px"
            }, 1700, function(){
                $(this).stop();
                direction -= direction * 2;
            });
            return false;
    });
});

Answer 2

只需将您拥有的内容，只需将 if 放入 click 事件中即可。

http://jsfiddle.net/Rkqge/12/

$(document).ready(function() {
  $('#toggle').click(function() {
    if ($('#ribbon').css("margin-top") == "-300px") {
        $('#ribbon').animate({
            marginTop: "0px"
        }, 1700);
    } else {
        $('#ribbon').animate({
            marginTop: "-300px"
        }, 1700);
    }
 });
});