toggle شدن ul در یک div

[ramin149]

<div id="MenuRight">
<div>
<div>
<sub style="font-size:12px;font-weight:bold;margin-top:8px;">لیست انتظار کالا</sub>
</div>
<ul>
<li><a href="ShoppingCartList.aspx">لیست انتظار</a></li>
<li><a href="ShoppingCartSelect.aspx">انتخاب کالا</a></li>
</ul>
</div>
<div>
<div>
_{مدیریت گروه ها}
</div>
<ul>
<li><a href="GroupMainNew.aspx">گروه اصلی جدید</a></li>
<li><a href="GroupMainList.aspx">لیست گروه اصلی</a></li>
<li><a href="GroupSubsidiaryNew.aspx">گروه فرعی جدید</a></li>
<li><a href="GroupSubsidiaryList.aspx">لیست گروه فرعی</a></li>
</ul>
</div>
</div>

دوستان در کد بالا یک div دارم به نام MenuRight که در آن 2 div اصلی قرار دارد حالا می خوام کدی بنویسیم که وقتی کاربر روی div داخل div اصلی کلیک گرد ul همان div ظاهر شود .

کدی که من نوشتم تمام ul ها رو نمایش می دهد . لطفا کمک کنید . با تشکر

<script type="text/javascript">
$(function () {
$('#MenuRight > div > div').click(function () {
$('#MenuRight > div > ul').toggle();
});
});
</script>

[cyrusthegreat]

دوست عزیز

کد جاوا اسکریپت شما:

$(document).ready(function(){
$('#MenuRight div div').click(function () {
$(this).next("ul").toggle();
});
});