使用jQuery在多个li上滑动切换

Question

我有一个UL有3个Li，每个LI下面都有div，它们是隐藏的。我在LI上有一个跨度，当我点击单个LI时，我希望div滑出。你能帮帮我吗？这是演示jsfiddle链接http://jsfiddle.net/jB83e/1/

Answer 1

使用此功能，只需toggle .slide元素旁边的icon div。

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");
    });​

工作演示here

Answer 4

Working Demo

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