Question

I have one UL having 3 Li, There are divs under each LI which are in hidden. I have one span on LI and I want the div to slide out when i click on the individual LI. Please can you help me? Here is the demo jsfiddle link http://jsfiddle.net/jB83e/1/

Answer 1

try it like

$(".slide").hide();

var tglHandle = $(".icon");

tglHandle.click(function() {
    $(".slide").hide();
    $(this).next(".slide").slideToggle("slow");
});​