animasyon nasıl durduracam

Question

  $(document).ready(function () {

      
         $(function () {
             $('.box-gray2').hover(
                 function () { $(this).animate({ 'backgroundColor': '#87e3f7' }) },
                 function () { $(this).animate({ 'backgroundColor': 'transparent' }) }
              );
         });
     });

kodlarım bu şekilde çalışıyo , mouse ile nesnenin üzerine gelince rengi değişiyo ama bi nesnenin üzerinden 3 kere geçince 3 kere yapıyo aynı animasyonu nette araştırdım

 function () { $(this).animate({ 'backgroundColor': '#87e3f7' }) },
                 function () { $(this).animate({ 'backgroundColor': 'transparent' }) }

satırlarını

 function () { $(this).stop.animate({ 'backgroundColor': '#87e3f7' }) },
                 function () { $(this).stop.animate({ 'backgroundColor': 'transparent' }) }

olarak değiştirince düzeliyomuş ama bunu yapıca animasyon hiç çalışmıyo  lütfen yardım edin.

Answer 1

$(this).stop().animate(.....

şeklinde olacak, parantezleri atlamışsın.

---

www.mvcblog.org
e-mail: onay[nokta]yalciner[at]hotmail[nokta]com

Answer 2

hemen deniyorum teşekkürler

Answer 3

çok teşekkürler işe yaradı.