Mouseover and Mouseout Function jQuery

Question

I have this script:

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

But when I now hang over element a. The mouse and mouse continue. How can I change this script. This is when I find element a. This is the start of the mouse when I find the item.

Answer 1

Is there http://jsfiddle.net/BBUJ7/ what are you looking for? I changed mouseover and mouseout to hover since you mentioned the freeze in the question and added the CSS rule a {position:relative} .

Answer 2

use mouseenter and mouseleave instead of mouseover and mouseout

Answer 3

Here you have the html code:

 <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>