Question

I have a image, on the image i placed a hyperlink. Now while user mouse enter into image, that hyperlink need to show, if the leave the image again the hyperlink need to hide. it is very simple i did.

the issue is, the hide/show work well. after showing the hyperlink, i need to click on that hyperlink to go next page. But the onmouseover of the hyperlink get flickering the link. it blinking. how to solve this issue?

my code which i wrote is :

$('img.col-image1').mouseenter(function(){
        $(this).siblings('a.plus-sign').show();   
    }).mouseleave(function(){
        $(this).siblings('a.plus-sign').hide();   
    }

)

is any issue with my code or i need to add any special event handler to avoid the flickering onmouseover on link?

please visit here :

http://jsfiddle.net/RLfNu/

Answer 1

I forked your solution and came up with one that worked in Firefox: http://jsfiddle.net/4mhGb/