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>
- $('#celebs ul li ul').click(function(e){e.stopPropogation();})
- .filter(":not(:first)") //to hide first "ul" in first "li"
- .hide()
- $('#celebs ul li').click(
- function(){
- var self = $(this).find('ul').is(':visible');
- if(self) {
- $(this).parent().find('li ul').slideToggle();
- }
- $(this).find('ul').slideToggle();
- }
- });
pls check whats the problem...