jQuery的.animate（），与切换

Question

问题我是比较新的JS和我想要实现我的投资组合的简单.animate（）功能。正如你所看到的here，我用代码完美地写出了名为ribbon slide的div，但它似乎忽略了脚本的“else”部分。

我知道我可能做一个愚蠢的错误，但我似乎无法能够制定出任何此刻更好！

对不起我的英文不好，很烂是意大利语。

Answer 1

只是把你有什么，干脆把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); 
    } 
}); 
}); 

Answer 2

只是想出了另一个像这样在一分钟前的解决方案。

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