JQuery hover effect problem
I created a simple JQuery script with hovering on some links. The script works fine as you can here: test case ... (check it in any browser except IE)
But if I find a quick one on the links, you'll notice that the image icons don't disappear as needed. I have tried everything to fix this, but I cannot find a suitable solution.
Now the question is: How can I make sure the mouseOut hover effect is applied after the hover hover effect is completely finished?
source to share
You need to apply stop()
to elements that have been animated. Try the following:
function hide_frame() {
var hoveredLang = $(this).parent();
hoveredLang
.find('.language-name').stop(true, true)
.find('.download-img').stop(true, true)
.find('.info-img').stop(true, true);
//eccetera...
source to share
You have an animation completion effect, you need to handle cases where hang / hesitate occurs during animation.
I am using JQuery function stop
( http://docs.jquery.com/Effects/stop )
Eg.
$ ("selector") stop (true, true) .youreffect (.....).
Try it.
source to share