jquery - jQueryを使用して複数のliをスライドトグル

Question

3 つの Li を持つ UL が 1 つあります。各 LI の下に非表示の div があります。LI に 1 つのスパンがあり、個々の LI をクリックすると div がスライドアウトするようにします。助けてくれますか？ここにデモjsfiddleリンクがありますhttp://jsfiddle.net/jB83e/1/

Answer 1

toggle要素の横にある.slidedivのみが必要なため、これを使用しますicon。

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

デモ: http://jsfiddle.net/joycse06/jB83e/6/

Answer 2

のようにしてみてください

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

var tglHandle = $(".icon");

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

Answer 3

スクリプトを編集し、次のように変更しました。

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

var tglHandle = $(".icon");

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

動作デモはこちら

Answer 4

ワーキングデモ

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