jQuery hover : fading in a hidden div while fading out the "default" one -


I have two divs (one of these is hidden with CSS), which I have in common, inside and outside Fading place, on the hover.

This markup is:

  & lt; Div id = "wrap" & gt; & Lt; Div class = "image" & gt; & Lt; Img src = "http://domain.com/images/image.png" & gt; & Lt; / Div & gt; & Lt; Div class = "text hide" & gt; & Lt; P & gt; Text lesson & lt; / P & gt; & Lt; / Div & gt; & Lt; / Div & gt;  

And I was applying this jQuery code to fade the image - and fading in text, on the hover:

   

But the problem is that the text detective becomes sticky and does not fade - always that the movement of the mouse is very fast.

Do you know where it can be, what is the solution?

I have established an online exam:

Thanks for any tip

If your wrapper does not have width and height, then after the image element is removed, you can get some strange results as it becomes smaller, to see a limit around the wrapper And add fixed height / width or at least use the same height for image and text divs.

  & lt; Style type = "text / css" & gt; # Wpm {width: 200px; Height: 200 pixels; Limit: 1px solid black; } & Lt; / Style & gt;  

edited

An example of a code was removed which you are trying to complete.


Comments

Popular posts from this blog

c# - ListView onScroll event -

PHP - get image from byte array -

Linux Terminal Problem with Non-Canonical Terminal I/O app -