How make li elements slide down and up?

Question

I have

elements in a

and I want them expand down and up and each element should expand down and up.

HTML:

Answer 1

You need to make it element-specific instead of selecting all elements with the class (by referencing this)

For your markup, you could combine this with parent():

$(document).ready(function(){
   $('.expand').click(function(){
     $(this).parent().css('height','auto');  
   });
});

jsFiddle here