Problem in Accordian menu

Problem in Accordian menu

<div id="celebs">
<ul>
<li><a href="">link name</a>
      <ul>
             <li>link</li>
            <li>link</li>
            <li>link</li>
      </ul>
</li>

<li><a href="">link name</a>
      <ul>
            <li>link</li>
            <li>link</li>
            <li>link</li>
      </ul>
</li>
<li><a href="">link name</a>
      <ul>
            <li>link</li>
            <li>link</li>
            <li>link</li>
      </ul>
</li>
</ul>
</div>



  1.  $('#celebs ul li ul').click(function(e){e.stopPropogation();})   
  2.                           .filter(":not(:first)") //to hide first "ul" in first "li"                           
  3.                           .hide()
  4.  $('#celebs ul li').click(
  5.   function(){
  6.    var self = $(this).find('ul').is(':visible');     
  7.       if(self) {
  8.        $(this).parent().find('li ul').slideToggle();
  9.                   }
  10.        $(this).find('ul').slideToggle();      
  11.               }
  12.   });   
     
pls check whats the problem...