Как исправить скрипт?

Question

[Сергей Горячев]

На сайте s*weets*uga*r.w*brs*.ru (убрать *) есть горизонтальное меню.
На пункте "Услуги и цены" выпадающее меню, которое управляется скриптом.

$('#mainmenu .parent').hover(
    function() {
        $('#mainmenu .parent .nav-child').stop().slideToggle(500);
    }, function() {
        $('#mainmenu .parent .nav-child').stop().slideToggle(500);
    }
);

Только сейчас заметил баг небольшой. Если ткнуть на "Услуги и цены", подождать загрузки страницы, меню работает антинормально :)
То есть наводишь мышь, скрывается, убираешь - раскрывается)
Как это можно победить?)

Answer 1

[Kovalsky]

var $nav_child = $('#mainmenu .parent .nav-child');

$('#mainmenu .parent').hover(
    function() {
        $nav_child.stop().slideDown(500);
    }, function() {
        $nav_child.stop().slideUp(500);
    }
);

Comments

[Сергей Горячев]

Только наоборот Down и Up потом.

Answer 2

[Vitaliy Orlov]

вместо slideToggle использовать slideUp и slideDown в зависимости от текущего состояния, типа того:

var el = $('#mainmenu .parent .nav-child');
if (el.is(':visible')) { $(el).slideDown(); } else { $(el).slideUp(); }