JQuery ile menüyü gizleyebilirsiniz hocam bir dakika bir örnek olacaktı forumdan bir arkadaş vermişti bana da.

jQuery(".menu-kapsul ul li").hover(
function () {
if (jQuery(this).find("ul").length) {
jQuery(this).find("> ul").stop().fadeIn("300");
} else {
jQuery(this).find("> ul").stop().fadeIn("300");
}
},
function () {
if (jQuery(this).find("ul").length) {
jQuery(this).find("> ul").stop(true, true).hide();
} else {
jQuery(this).find("> ul").stop(true, true).hide();
}
}
);
Bu şekilde ul li etiketinin altındaki ul etiketlerini gizleyip açabilirsiniz.

Düşündüm de css ile de halledilebilir aslında ul li ul etiketine display:none diyin. Daha sonra ul li:hover ul diyerek display:block yapın hocam.