jQuery горизонтальное анимированное меню ведет себя странно

Question

У меня есть горизонтальное меню, я применил к этому меню функцию jQuery, которая должна создавать медленный эффект при расширении меню. Проблема в том, что функция jQuery работает с точностью до наоборот и эффект применяется только к цвету фона. Это функция:

function mainMenu(){
alert("qqqqqqqpppppp");
$('ul#nav').find('> li').hover(function(){
        $(this).find('ul')
        .stop(true, true).slideToggle('slow');
    });
};

Спасибо.

Answer 1

Он работает "напротив", потому что это переключатель , и он начинает отображаться, поэтому при первом наведении курсора он будет фактически скрыт.Обратите внимание, что он работает правильно после первого раза.Попробуйте slideDown вместо slideToggle.

Возможно, вам также понадобится сначала установить внутренние ul s на скрытые, что-то вроде ul#nav ul{display:none;}

Answer 2

Может быть, вы хотите добавить другую функцию, чтобы скрыть список.

function(){ $(this).find('ul').hide();