حرکت در زیرمنو ها

[css-man]

یه منوی 2 لول نوشتم
وقتی روی منوی اصلی میرم زیر منو هاش باز میشه ولی وقتی میخوام برم روی زیر منوهایش باکس بسته میشه

کدها رو هم مذارم لطفا ببینید

ممنون میشم کمک کنید



$(document).ready(function()
{

$('ul.main li').hover(
function()
{

$(this).find(' ul').show(1000);


}
,
function()
{
$(".submenu").hide();
}
);//hoverend












});








<div class="wrapper">
<div class="menubox">
<ul class="main">
<li><a href="#">صفحه اصلی</a></li>
<li><a href="#">اخبار</a></li>
<li><a href="#">گالری</a>
<ul class="submenu">
<li><a href="#">ورزشی</a></li>
<li><a href="#">سیاسی</a></li>
<li><a href="#">طبیعت</a></li>
<li><a href="#">طنز</a></li>
<li><a href="#">هنری</a></li>
</ul>
</li>
<li><a href="#">محصولات</a></li>
<li><a href="#">درباره ما</a>
<ul class="submenu">
<li><a href="#">ورزشی</a></li>
<li><a href="#">سیاسی</a></li>
<li><a href="#">طبیعت</a></li>
<li><a href="#">طنز</a></li>
<li><a href="#">هنری</a></li>
</ul>
</li>
</ul>
</div>


</div>

[css-man]

اساتید کسی مشکل منوی مارو نمیدونه؟

[2undercover]

احتمالا بین اون li و زیر منوش یک فاصله ای وجود داره که باعث میشه موس در یک لحظه در فضای خالی قرار بگیره!

[css-man]

فکر نمی کنم

روی زیر منوی اول میتونم برم ولی روی زیر منوهای بعدی نمیتونم برم

[plague]

$('ul.main li').hover(

زیر منو و منو , هردو رو انتخاب کردی

[css-man]

$('ul.main li').hover(

زیر منو و منو , هردو رو انتخاب کردی


من منو و زیر منو رو با هم انتخاب نکردم
من گفتم اگر موس رفت روی li هایی که داخل ul یی با کلاس main

[2undercover]

آهان فک کنم مشکلو فهمیدم این انتخابگری که شما نوشتی اون li هایی رو که توی زیر منو هستن رو هم انتخاب می کنه , به همین دلیل اینجوری میشه...شما انتخابگرتو اینجوری بنویس که باعث میشه فقط li های اصلی انتخاب بشن:
ul.main > li

[css-man]

بله درست بود حق با شما ست با این روش درست شد مرسی از کمکتون
بجز درست شدن منو نکته آموزشی خوبی هم بود
موفق باشید