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

Question

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

Answer 1

使用此方法，因为您只想toggle icon元素旁边的.slide 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");
    });​

在这里工作演示

Answer 4

工作演示

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