Question

I was creating a simple accordion menu based on concept used in here
http://jsfiddle.net/WMfsR/

Basically in above example when a Li is clicked any other Li which is opened is closed.
But i want the Li’s in opened state unless it is clicked again by the user..

How can this be done ?

Answer 1

here’s a demo

$(document).ready(function() {
    $('#nav li').on('click',function(event) {
        $(this).find('ul').toggle(500)
    });
});​

//or short-hand ready

$(function(){
    $('#nav li').on('click',function(event) {
        $(this).find('ul').toggle(500)
    });
});​

you might wanna hide the children first.