Проблема с очередью меню анимации jQuery

Question

Я прочитал около 15 тем об этом. В конце концов я включаю свою собственную вещь, но .. Посмотрите на код.

    $("#top_menu .top_menu_elements>ul>li")
    .mouseenter(function(){
        $(this).find(".moreMenu").stop(true,true).show(250);
    })
    .mouseleave(function(){
        $(this).find(".moreMenu").stop(true,true).hide(250);
    });

HTML:

<div id="top_menu">
    <div class="top_menu_elements">
    <ul>
        <li><a href="#" title="Site1">Site1</a></li>
        <li>
            <a href="#" title="Site2">Site2</a>
            <div class="moreMenu">
                Bla bla bla menu stuff
            </div>
        </li>
        <li>
            <a href="#" title="Site3">Site3</a>
            <div class="moreMenu">
                Bla bla bla menu stuff
            </div>
        </li>
    </ul>
    </div>
</div>

И .. Работает отлично. Но попробуйте ввести другое время, например show (250) hide (50). Когда вы наведите курсор мыши на это меню, оно сходит с ума. Я пробовал обратный вызов, вещи с очередью и очереди, а также с остановкой. Ничто, кажется, не помогает - что-то пойдет не так. Это должно работать с разным временем, но это не так. Есть идеи?

Answer 1

Ваш код работает нормально.

посмотрите здесь: http://jsfiddle.net/maniator/3vcpE/