simple vol stationnaire jQuery Menu

Question

Cela ressemble vraiment pléthorique, peut-il être réécrite mieux/plus compact:

$("#cart-summary").hover(
     function() { 
     $('.flycart').slideDown('fast'); 
     } 
    ); 
    $(".flycart").hover(
     function() {}, // mousein function not required 
     function() { // hide menu on mouseout 
     $('.flycart').slideUp('fast'); 
     } 
    ); 
    $('.flycart a.close').click(function(){ 
     $(this).parents('.flycart').hide(); 
    }); 

Merci!

Answer 1

$("#cart-summary").mouseenter(function() { 
    $('.flycart').slideDown('fast'); 
}); 

$(".flycart") 
    .mouseleave(function() { 
     $(this).slideUp('fast'); 
    }) 
    .find('a.close') 
     .click(function(){ 
      $(this).parents('.flycart').hide(); 
     }); 

C'est une petite amélioration, cependant. Je ne pouvais pas deviner la relation entre le #cart-summary et le .flycart s.

Answer 2

En bref, non. Cependant, vous pouvez faire sans la fonction de survol vide: il suffit d'utiliser mouseenter() et mouseleave(). mouseover et mouseout ont des différences subtiles à mouseenter et mouseleave. Regardez l'API jQuery pour plus d'informations.

$("#cart-summary").mouseenter(function() 
{ 
    $('.flycart').slideDown('fast'); 
}); 

$(".flycart").mouseleave(function() 
{ 
    $(this).slideUp('fast'); 
}); 

$('.flycart a.close').click(function() 
{ 
    $(this).parents('.flycart').hide(); 
});