Mouseover ve mouseout fonksiyonu jQuery

Question

bu senaryomuz var:

$("#teaser ul.buttons li").mouseover(function() 
    { 
     $("a",this).animate({ left: '0' },350); 
    }).mouseout(function() 
    { 

     $("a",this).animate({ left: '-11px' },350); 
    }); 

Ama şimdi bir elemanın üzerine geldiğinizde. Mouseover ve mouseout devam ediyor. Bu betiği nasıl değiştirebilirim? Bir elemanın üzerine geldiğimde. Öğeyi kapattığımda mouseout fırlatılıyor. İşte

Answer 1

Aradığınız ne http://jsfiddle.net/BBUJ7/ mi? a {position:relative} CSS kuralını ekledikten ve a {position:relative} CSS kuralını ekledikten sonra mouseover ve mouseout - hover olarak değiştirdim.

Answer 2

html kodu vardır:

<ul class="buttons"> 
        <li> 
         <h2> 
          <a class="koeriersdiensten" href="pagina.html" title="Koeriersdiensten">Koeriersdiensten 
           <span>Lorem ipsum dolor sit amet</span> 
          </a> 
         </h2> 
        </li> 
        <li> 
         <h2> 
          <a class="taxivervoer" href="pagina.html" title="Taxivervoer">Taxivervoer 
           <span>Lorem ipsum dolor sit amet</span> 
          </a> 
         </h2> 
        </li> 
       </ul> 

Answer 3

kullanımını mouseenter yerine mouseover ait mouseleave ve mouseout