幻燈片在多個li上使用jQuery切換

Question

我有一個UL有3個Li，在每個LI下有div，它們處於隱藏狀態。我在LI上有一個跨度，當我點擊單個LI時，我想讓div滑出。請你能幫助我嗎？這裏是演示jsfiddle鏈接http://jsfiddle.net/jB83e/1/

Answer 1

嘗試像

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

var tglHandle = $(".icon"); 

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

Answer 2

使用此，因爲你只想toggle​​div旁邊的icon元素。

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

演示：http://jsfiddle.net/joycse06/jB83e/6/

Answer 3

我編輯的腳本，把它改成這樣：

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

var tglHandle = $(".icon"); 

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

工作演示here

Answer 4

Working Demo

$(".slide").hide(); 
$("span").click(function() { 
$(this).next().toggle(); 
});