通过单击另一个类来切换类可见性

我正在开发一个项目，我需要能够点击.node-202 .field-name-field-pin-point并切换.node-202 .group-dealer的可见性。

我需要在调用中使用两个标识符，因为会有多个节点，而且当我点击其中一个引脚点时，我不希望它们全部打开。

编辑：以下是HTML的示例。 我正在使用Drupal所以有很多不必要的代码，但它尽我所能尽可能快地格式化它。

  
 
 
Dealer Container
 
 
 
 
 
 
 
 
 
 Company Titile 
 
 
 
 
81234 Ricardo Court 
 
 
 
 
Los Angeles, CA 
 
 
 
 
United States 
 
 
 
 
123-555-2042 
 
 
 
 
 
 saleshttps://stackoverflow.com/questions/20501210/toggle-class-visibility-by-clicking-on-another-class/@company.com 
 
 
 
 
  
 
  
 
 
  

编辑2：我需要将“.node-202 .group-dealer”设置为visibility：hidden而不是display：none。 看起来这可能会有所帮助： 等效的jQuery .hide（）来设置可见性：隐藏 。

Answer 1

假设HTML结构看起来像这样（并且你有这个结构的多个实例，所以你不能只使用类名）：

 
 
...
 
...
  

你需要这样的东西：

 $('.node-202 .field-name-field-pin-point').click(function() { $(this).siblings('.group-dealer').toggle(); }); 

在JSFIDDLE中测试

Answer 2

试试这个..

  $('.node-202 .field-name-field-pin-point').bind('click', function(){ $('.node-202 .group-dealer').toggle(); }) 

FIDDLE DEMO