$(document).ready(function () {
    $('img.menu_class').click(function () {
	$('ul.the_menu').slideToggle('medium');
    });
$('ul.the_menu').bind("mouseleave", function () {
    $('ul.the_menu').slideToggle('medium');
});
});

$(document).ready(function () {
    $('img.menu_class2').click(function () {
	$('ul.the_menu2').slideToggle('medium');
    });
$('ul.the_menu2').bind("mouseleave", function () {
    $('ul.the_menu2').slideToggle('medium');
});
});