Question

我有一个网站，右边有一个弹出窗口。并有一个按钮。我的查询是，如果我点击该按钮然后弹出窗口将向左，如果我再次点击该按钮，弹出窗口将返回它的前一个地方我的意思是正确的。就像slideToggle一样。我试了一下。但它只是留下但它不会回来。怎么做？

<script>
function goto(){    
    //animate to the div id.
    $(".pop_up").animate({"left": -($(id).position().left)});

}
$(document).ready(function(){
  $(".red_sec").click(function(){
    $(".pop_up").animate({left:'-560px'});
  });
});
</script>

抱歉我的英语能力差。

谢谢

Answer 1

尝试使用此代码，这将提供toggle effect。

$(document).ready(function(){
  $(".red_sec").click(function(){
       $(".pop_up").animate({'left': ($(".pop_up").position().left == -560)?100:-560});
  });
});

Fiddle

Answer 2

保持简单，我会说。为.pop_up元素提供data-attribute并使用它来确定动画应该采用的方式：

function goto(){    
    var direction = $(".pop_up").attr('data-lr');
    $(".pop_up").animate( {left: direction} );
    $(".pop_up").attr('data-lr',direction === '+=100' ? '-=100' : '+=100');

}

$(".red_sec").click(goto);

这是jsFiddle

jQuery求助......

2 个答案: