Merhaba arkadaşlar,

aşağıda ki gibi bir menüm var.

<nav class="menu">
						<ul>
							<li><a href="#">Ansayfa</a></li>
							<li><a href="#">Hakkımda</a>
								<ul>
									<li><a href="#">Misyonumuz</a></li>
									<li><a href="#">Vizyonumuz</a></li>
									<li><a href="#">Biz Kimiz?</a>
										<ul>
											<li><a href="#">Sadece HTML</a></li>
											<li><a href="#">PHP Dersleri</a></li>
											<li><a href="#">Photoshop</a></li>
										</ul>
									</li>
								</ul>
							</li>
							<li><a href="#">Reklam Ver</a></li>
							<li><a href="#">Arşiv</a></li>
							<li><a href="#">İletişim</a></li>
						</ul>
					</nav>

HTML yapısından anlayacabileceğiniz gibi alt menülere sahip.

ul li ul li ul li şeklinde. Yani bir menünün alt menüsü, o alt menünde bir alt menüsü olabiliyor.

Jquery kodlarım aşağı da ki şekilde

$(document).ready(function () {
    $(".menu a").hover(function () {
        $(this).parent("li").children("ul").slideToggle();
        if ($(this).next("ul").css("display") == 'none') {
            $(this).next("ul").slideToggle();
        }
    });
});

Şimdi ben alt menüsü olan menünün üzerine geldiğimde slideToggle efekti ile aşağı doğru açılmakta. Ancak menüdeden alt menüye geçene kadar alt menü kapanmakta. Ben istiyorum ki hover işlemi yapıldıktan sonra bir 10 saniye boyunca alt menü kapanmasın ve alt menüye geçilebilsin. Nasıl yaparız bunu?