I have following code

jquery
Code JavaScript:
$('#menucoloups > li > ul')
        .hide()
        .click(function(e) {
        e.stopPropagation();
        });
        $('#menucoloups > li').toggle(function() {
        $(this).find('ul').slideDown();
        }, function() {
        $(this).find('ul').slideUp();
        });


HTML
Code HTML4Strict:
 
 
<ul id="menucoloups">
 
<li><a href="#">student_name1</a>
 
<ul >
 <li><a href="show_act?catid=11&stuid=1">activity11</a></li>
 <li><a href="show_act?catid=20&stuid=21">activity21</a></li>
</ul>
 
</li>
 
<li><a href="#">student_name2</a>
 
<ul >
 <li><a href="show_act?catid=1&stuid=2">activity1</a></li>
 <li><a href="show_act?catid=20&stuid=2">activity20</a></li>
</ul>
 
</li>

slideup and down working perfectly.
However, if I click activity21(for example) it call show_act and hide all the menus and show student_name1&2. I understand that
it is because it initially hide the menu when it load the page.
Code JavaScript:
.hide()
        .click(function(e) {

What I want is to slidedown the corresponding activity if clicked.

If someone click activity21,
it will show
<li><a href="#">student_name1</a>

<ul >
<li><a href="show_act?catid=11&stuid=1">activity11</a></li>
<li><a href="show_act?catid=20&stuid=21">activity21</a></li>
</ul>

</li>

and
hide li under student_name2.
<ul >
<li><a href="show_act?catid=1&stuid=2">activity1</a></li>
<li><a href="show_act?catid=20&stuid=2">activity20</a></li>
</ul>


Hope it is clear!. Any help appreciated.
Thanks.