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

I would recommend avoiding the styling with the fixed height.

Add a style="display:none" on each

:

click
    
adasdanvljskljfklsdklfsdjfkljsdkljfklsdjklfjskldjfklsdjklfjsdkfjksjdklfjs;dfl;sdkf
        fsdfsdfsdfsfhowerjweklfjifjvjdfioverjgfioqwopiropqieopki

Then do this in your javascript:

$(document).ready(function(){
   $('.expand').click(function(){
     $(this).parent().find("p").slideToggle();
   });
});

In this way you get to toggle each answer with the click action.