menu desplegable

[juaniquillo]

Ese problema me ha pasado varias veces con este tipo de menu, aunque no esté usando javascript. neesitas darle un ancho al ul interior, por ejemplo:

Código css:

#ulMenu ul.submenu {
   margin-left:0px; 
   margin-top:0px;
   padding: 0px; 
   border:1px solid #000000; 
   position:absolute; 
   left:0;
   top:30px;
   list-style:none; 
   background-color:#333333;
   width:120px; /* <----------- aqui aplico el ancho */
}
 

También apoyo lo que dice mayid. También prefiero usar clases como addClass(), removeClass() y toggleClass() para cambiar la apariencia usando clases que ya existan en tu hoja css. Para menos código yo lo hice así:

Código javascript:

$(document).ready(function(){
    //oculto los submenus
    $(" #ulMenu ul ").hide();
    
    //hago el hover
    $(" #ulMenu li").hover(function(){
        $(this).find('ul:first:hidden').slideDown(400);
    },function(){
        $(this).find('ul:first').slideUp(400);
    });
    
});