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

Question

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

Answer 1

使用它，因为您只想元素旁边toggle的div 。.slideicon

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();
});