Question

i have some jquery thats expanding/collapsing on click. i would like the first item to be expanded by default but im having trouble with the jquery. i’ve tried a few different angles to no avail. any help would be much appreciated!

http://jsfiddle.net/trrJp/1/

Answer 1

You can keep the first item expanded by default with the following line

  $('#collapser li:first-child > ul').show();

What it does is selects the first li and then select the ul within that li and show that.

First Child Selector

Working Fiddle