jquery - jQuery 将 callbox 动画到不同的位置

Question

我的网站上有一个电话图标，当您单击它时，图标会向右滑动，显示隐藏在网站宽度之外的电话号码。这是我为此使用的代码：

$(".call-button").click(function(){
$(".call-button").animate({ 
    left: "+=225px",
}, 1000 );
});

问题是，一旦电话号码显示出来，如果再次单击该框，它会向右移动额外的 225 像素。有没有办法让它，如果 CSS left 属性设置为 0，那么一旦框被点击，它就会移回 -225px？

Answer 1

尝试使用切换：

$(".call-button").toggle(
  function() {
    $(this).stop(true).animate({ left: "0" }, 1000 );
  }, 
  function() { 
    $(this).stop(true).animate({ left: "-225px" }, 1000 );
  }
);

​</p>