Question

I use jQuery mouseover to do something. But if I move mouse over about 5-7 time – it freezed.

Why this problem appears?

I tryed mouseover and hover.

Code example:

$('span.info_icon').mouseover(function() {
    $('#info_box').show(600);
}).mouseout(function(){
    $('#info_box').hide(600);
});

Live example: http://dev.dolina-imeniy.ru/fotogalereya/kp_usadba_tishnevo (over red “I”).

Answer 1

The problem: #info_box is overlapping the .info_icon which causes the mouseout event immediately to trigger. Therefore, it would be better if you give the info icon a higher z-index than the info box.