jquery - jQuery，我该怎么做才能切换页边距

我正在使用jQuery-ui；
我该如何“切换”“保证金”
首先我有“ -160px”，然后输入“ 33px”
我想与每次单击交替到“ .LoginButton”

的CSS

.MyBox {
            font-family:Arial;
            color:#FFF;
            width: 400px;
            height: 150px;
            margin-top:-160px;
}

jQuery的

 $('.LoginButton').click(function () {
      $('.MyBox').animate({
           marginTop: '33px'
           }, {
           duration: 2000,
           specialEasing: {
           marginTop: 'easeOutBounce'
           },
           complete: function () {
           }
         });
 });

谢谢！！

最佳答案

快速又肮脏，这会起作用，尽管我怀疑这是最佳实践。

var positiveMargin = false;
$('.LoginButton').click(function () {

    if (!positiveMargin) {
        var marginTop = "33px";
        positiveMargin = true;
    }
    else {
        var marginTop = "-160px";
        positiveMargin = false;
    }
     $('.MyBox').animate({
               marginTop: marginTop
               }, {
               duration: 2000,
               specialEasing: {
               marginTop: 'easeOutBounce'
               },
               complete: function () {
               }
             });
 });

编辑：我喜欢zzzzBov的建议，但我不认为toggleClass（）支持specialEasing或completion回调之类的高级动画。

http://jqueryui.com/demos/toggleClass/

关于jquery - jQuery，我该怎么做才能切换页边距，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8173688/