0

私のウェブサイトには電話のアイコンがあります。クリックすると、アイコンが右にスライドし、サイトの幅から隠れていた電話番号が表示されます。これは私がそのために使用しているコードです:

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

問題は、電話番号が明らかになった後にボックスをもう一度クリックすると、さらに 225 ピクセル右に移動することです。CSS left プロパティが 0 に設定されている場合、ボックスをクリックすると -225px に戻るようにする方法はありますか?

4

1 に答える 1

-1

トグルを使用してみてください：

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

</p>

于 2012-12-29T20:30:01.323 に答える