با سلام
من کد صفحه رو میزارم
http://jsfiddle.net/5yd6b/37/
این MENU بدجوری دیونم کرده
همه چی درسته ولی وقتی منو باز میشه و وقتی میخوایم روی گزینه اصلی کلیک کنیم که منو جمع شه عمل نمیکنه
لطفا یکی راهنمایی کنه یا کد رو اصلاح کنه
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
<style type="text/css">
li
{
list-style:none;
}
ul>li>ul
{
display:none;
}
</style>
</head>
<body>
<ul><li><span class='coll'>Pi</span><ul><li><span class='coll'>AA</span></li><li><span class='coll'>BB</span></li><li><span class='coll'>CC</span></li></ul></li><li><span class='coll '>LIP</span><ul><li><span class='coll'>AA</span></li><li><span class='coll'>BB</span></li><li><span class='coll'>CC</span></li></ul></li><li><span class='coll '>Mech</span><ul><li><span class='coll'>AA</span></li><li><span class='coll'>BB</span></li></ul></li><li><span class='coll '>ANIM</span><ul><li><span class='coll'>AA</span></li><li><span class='coll'>BB</span></li></ul></li><li><span class='coll '>HOUR</span><ul></ul></li><li><span class='coll '>MIN</span><ul></ul></li><li><span class='coll '>COMPUT</span><ul></ul></li></ul>
</body>
<script type="text/javascript">
$(document).ready(function(){
$(".coll").click(function(){
$(this).parent().children().slideDown("slow");
});
});
</script>
</html>