Я обнаружил это раскрывающееся меню jQuery в сети, и проблема, с которой я столкнулась, заключается в том, что при наведении курсора на элемент ul.menu отображаются все последующие подменю ul.sub, а не только одно, следующее за ul. меню. Когда вы наводите указатель мыши на этот элемент ul.sub-menu li, это ul.sub-menu обычно складывается вверх и вниз. Вот мой код:
$(function() {
$("#nav-primary ul.menu ul").css({ display: 'none' });
$("#nav-primary ul.menu li").hover(function() {
$(this).find('a').next('ul.sub-menu')
.stop(true, true).delay(50).animate({ "height": "show", "opacity": "show" }, 200 );
}, function(){
$(this).find('a').next('ul.sub-menu')
.stop(true, true).delay(50).animate({ "height": "hide", "opacity": "hide" }, 200 );
});
});