multiple selectors in .hover api

multiple selectors in .hover api

Hi im currently creating a dropdown menu with an animation to it, my current jquery script is as follows

$(document).ready(function () {
$("ul.menu_body li:even").addClass("alt");
    $('ul.menu_body, img.menu_head').hover(function () {
$('ul.menu_body').slideToggle('medium');}, function () {
$('ul.menu_body').slideToggle('medium');
    });
$('ul.menu_body li a').mouseover(function () {
$(this).animate({ fontSize: "14px", paddingLeft: "20px" }, 50 );
    });
$('ul.menu_body li a').mouseout(function () {
$(this).animate({ fontSize: "12px", paddingLeft: "10px" }, 50 );
    });
});

the problem im having however is that when i switch my mouse over to the table elements once theyve dropped done the dropdown menu closes and opens again. is there a way to set the handlerout to not toggle when moving into 'ul.meny_body'?