Вот вариант. В этом случае все намного проще.
$(function(){
// this part must be done in css, not here!
// show first row
$('#report tr:first-child').show().
// and hide all tips
siblings(':nth-child(2n+1)').hide();
$('#report tr:odd').unbind().bind('mouseenter', function() {
// row
var self = $(this),
// tip
next = self.next();
// if tip already visible -- don't do anything
if (next.is(':visible')) {
return;
}
// instead of show/hide, much better add/remove special class
// show tip
next.show().
// and hide all another tips
siblings(':not(:nth-child(2n), :first-child)').hide();
// don't know, what is that
self.find('.arrownext').toggleClass('up');
}).
// no need to do eq(0) -- why?
triggerHandler('mouseenter');
});
Разберитесь хотя бы, как это работает.