hide() not fast enough?
hide() not fast enough?
I have a simple hide and fadeIn. When you rollover a word it will reveal the definition. The problem I am having is if you move the mouse around quickly from one word to the next word sometimes it gets hung up and a definition will not hide. The result gives this hanging defintion and whatever the other definition the mouse is rolledover.
here is the code I'm using:
-
jQuery(document).ready(function() {
<% for i in 1..72 %>
jQuery("ul#ClickWordList li#tag<%= i %>").hover(
function() { jQuery("#definitions p.tag<%= i %>").fadeIn();},
function() { jQuery("#definitions p.tag<%= i %>").hide();
});
There are about 70 words in a box with the definition being reveals on the right hand side. Is there a way of making sure there is always only one definition being shown?
Thanks in advance!