таймер на событие
 

как правильно повесить таймер на событие

вот так mouseleave вообще не отрабатывает...

$(function(){
$(".categimg").live({

mouseenter: function() {
$(this).parent("li").find( ".sp" ).css('visibility', 'visible');
},
mouseleave: function() {
setTimeout(function(){
$(this).parent("li").find( ".sp" ).css('visibility', 'hidden');
}, 200);

}

});

})

this внутри функции, которую вы скормили тайм-ауту, указывает совсем не на то, что вы думаете.

подскажите пожалуйста, как скрыть тот же элемент, который был сделан по mouseenter...

$(function(){
$(".categimg").live({

mouseenter: function() {
$(this).parent("li").find( ".sp" ).css('visibility', 'visible');
},
mouseleave: function() {
setTimeout(function(){
$( ".sp" ).css('visibility', 'hidden');
}, 200);

}

});

})

такой вариант работает, для всех классов .sp... подскажите пожалуйста как указать что бы событие применялось только к тому элементу на котором отработал событие курсор

для ie закешируй в глобали, а потом убери за собой

$(function(){
 $(".categimg").live({
     

     mouseenter: function() {
          $(this).parent("li").find( ".sp" ).css('visibility', 'visible');
     },
      mouseleave: function(e) {
          *!* window.cachedTrg = e.target;*/!*
           setTimeout(function(){
                $(*!*window.cachedTrg*/!*).css('visibility', 'hidden');
                *!*delete window.cachedTrg*/!*;
           }, 200);

      }

});
});