切换一个相同类的div

当几个div与jQuery具有相同的类时，如何使用Toggle ？ 我想在点击时只显示一个div。

JavaScript的

$(".help_content").hide(); $(".help_target").click(function() { $('.help_content').toggle(); // I also tried with $(".help_content").show(); }); 

HTML

 
 
 Click 
 
 
Asia
 
 
 Click 
 
 
Africa 

我不能使用next（），因为.help_content不是.help_target的后代。 （我想在fieldsets中使用.help_target并在fieldsets中显示.help_content）。

Answer 1

你可以这样做：

 $(".help_content").hide(); $(".help_target").click(function() { $(this).parent().next('.help_content').toggle(); }); 

看到它在行动： http ： //jsfiddle.net/mattball/X7p28/

Answer 2

使用：

 $(this).closest("div").next(".help_content").toggle(); 

Answer 3

 $(".help_target").click(function() { $(this).parent().next().toggle(); // I also try with $(".help_content").show(); }); 

Answer 4

您可以通过调用.parent()然后调用.parent()来实现此.parent()

 $(".help_target").click(function() { $(this).parent().next('.help_content').toggle(); }); 

关于jsfiddle的代码示例。

Answer 5

为什么不给div一个唯一的Id然后调用toggle函数

 $("#help_content_DIV_ID").toggle(); 

Answer 6

 $('.help_target>a').click(function() { $('.help_content').hide(); $(this).closest('.help_target').parent().next('.help_content').eq(0).show(); return false; });