jquery - 一页上的多个jquery切换

Question

您好我正在尝试使用 div 让 jquery 切换的多个实例在单个页面上工作。当前的小提琴在这里：http: //jsfiddle.net/sketch360/kX34v/ 我正在使用简单的javascript：

$(".toggle-title").click(function () {
    $(".toggle-details").toggle("fast");
});

不幸的是，目前，切换任何标题都会显示所有结果，因为显然它们都带有相同的类，但我找不到一种方法来激活属于其父级的子 div，而不激活其他子级.

我试图找到一种方法来做到这一点，而不必过多地修改 html，即为每个孩子设置不同的类。

我已经看过 Jeff 的回答：fiddle，虽然它在小提琴中运行良好，但在我的（wordpress）网站中似乎不起作用。我上面的小提琴正在工作，只是没有我所追求的独立切换动作。

score 2 · Accepted Answer

你不应该那样做。您以这种方式切换所有内容。因此，以这种方式更改您的代码：

$(".toggle-title").click(function () {
    $(this).next(".toggle-details").toggle("fast");
});

score 0 · Accepted Answer

如果您使用 jquery 1.2 或更高版本，以下一个也可以使用

$(".toggle-title").click(function () {        
     $(this).nextAll(".toggle-details").first().toggle("fast");
});

2 回答 2