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
Post a Comment