$('.listdelay').click(function(){
$(this).addClass('onhover2').addClass('onhover');
})
$('.listdelay').hover(
function(){
var List = $(this);
$(this).addClass('onhover2');
setTimeout(function(){
if ( List.hasClass("onhover2") ) {
List.addClass('onhover');
}
}, 300);
},
function(){
var List = $(this);
List.removeClass('onhover');
List.removeClass('onhover2');
});
соответстственно, показ нужного элемента можно сделать так:
.onhover.onhover2 div{
display :block;
}