مشکل در استفاده از effect ها

[farnaz.saeedi]

سلام
من یه منو دارم به این شکل:


<ul>
<li id="home_menu"><a href="index.php" class="menu_active">صفحه اصلی</a></li>
<hr>
<li id="login_menu"><a href="savabegh.php">سوابق کاری</a></li>
<hr>
<li id="about_menu">درباره ما
<ul class="sub_menu">
<li id="sub">چارت سازمانی</li>
<li id="sub">سوابق مدیران</li>
<li id="sub">آمار بازدید</li>
</ul>
</li>
<hr>
<li id="contact_menu"><a href="#">تماس با ما</a></li>
</ul>

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


$(document).ready(function()
{
$('#about_menu').click(function()
{
$('.sub_menu').attr("class","sub_menu_show");
})
})

که این قسمت درست کار میکنه
اما مشکل اینجاست که میخوام وقتی موس از روی زیر منوها کنار رفت زیر منوها دیگه نمایش داده نشن
این قسمت و اگه کسی میتونه برام تکمیل کنه
اینم کدهای css:

.sub_menu{display:none;}
.sub_menu_show{cursor:pointer;}

با تشکر

[Leon_SFS]

$('.sub_menu').mouseOver(function () {
$(this).css("display", "none");
});


ببین همونیه که میخوای
(چقد این ادیتور سایت تخ....!)

[farnaz.saeedi]

$('.sub_menu').mouseOver(function () {
$(this).css("display", "none");
});


ببین همونیه که میخوای
(چقد این ادیتور سایت تخ....!)
سلام
نه این کد هیچ کاری نمیکنه.خودتون امتحان کردید؟
دقت کنید وقتی روی درباره ما کلیک میشه اسم کلاس به sub_menu_show تغییر پیدا میکنه.این کد شما روی sub_menu(که دیگه وجود نداره)کار میکنه

[Leon_SFS]

سلام
نه این کد هیچ کاری نمیکنه.خودتون امتحان کردید؟
دقت کنید وقتی روی درباره ما کلیک میشه اسم کلاس به sub_menu_show تغییر پیدا میکنه.این کد شما روی sub_menu(که دیگه وجود نداره)کار میکنه

آره هواسم نبود
خب به ul یه آیدی نسبت بده
بعد همین کد رو امتحان کن
منتها جای انتخاب کلاس، آیدی که انتخاب کردیو بزار
$('#آیدی که گزاشتی').mouseOver(function () {
$(this).css("display", "none");
});