Mouseover и mouseleave срабатывают каждый раз, когда я перемещаю мышь внутри заданного элемента

Я создаю сайт, на котором вы наводите указатель мыши на изображение и в данном случае он показывает элемент (, увеличивая его высоту от 0 до 154 пикселей).

jQuery(document).ready(function(){
    jQuery("#dropdown-menu-create.dropimage").mouseover(function(){
        jQuery("#dropdown-menu-create.toggle").animate({height:"154px"},200);
    });
    jQuery("#dropdown-menu-create.dropimage").mouseout(function(){
        jQuery("#dropdown-menu-create.toggle").animate({height:"0"},200);
    });
});

Содержимое расширяется, когда мышь входит, и сворачивается, когда мышь уходит, но каждый раз, когда мышь перемещается в пределах элемент, содержимое которого постоянно расширяется и сворачивается, пока мышь не покинет элемент.

У меня никогда не было этой проблемы раньше, и я использовал эти функции в прошлом, поэтому я в недоумении, что делать. Есть идеи?

Редактировать:

jQuery(document).ready(function(){
    jQuery("#dropdown-menu-create.dropimage").mouseenter(function(){
        jQuery("#dropdown-menu-create.toggle").stop(true,true).animate({height:"154px"},200);
    });
    jQuery("#dropdown-menu-create.dropimage").mouseleave(function(){
        jQuery("#dropdown-menu-create.toggle").stop(true,true).animate({height:"0"},200);
    });
});

Сейчас я использую приведенный выше код и по-прежнему получаю ту же проблему. Я пробовал все варианты функции.stop (false,false)(false, true)(true,false)(true,true). Проблема возникает по-разному с каждым из них, но она все еще возникает.

ULTIMATE EDIT:

Проблема заключалась в том, что содержимое, по которому перемещалась мышь, было прикрыт разными ent содержимое после вызова функции. Следовательно, в любой момент мышь одновременно входила и выходила из изображения. Решил проблему, переместив вызов функции на другой элемент.