一个页面上有多个jquery切换

Question

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

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

不幸的是，此刻，切换任何标题显示所有结果，显然它们都带有相同的类，但我找不到一种方法只是激活属于其父级的子div，而不激活其他孩子。

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

我已经看过杰夫的回答：fiddle虽然它在小提琴中工作得很好，但它似乎不适用于我的（wordpress）网站。上面的小提琴正在工作，只是没有我追求的独立切换动作。

Answer 1

你不应该这样做。你以那种方式切换一切。所以，用这种方式改变你的代码：

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

小提琴：http://jsfiddle.net/praveenscience/kX34v/1/

Answer 2

如果您使用jquery 1.2或更高版本

，那么也可以使用

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

这里是小提琴http://jsfiddle.net/kX34v/3/