jQuery将callbox设置为不同的位置

Question

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

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

问题在于，一旦显示电话号码，如果再次单击该框，它会向右移动225px。有没有办法让它如果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 );
  }
);