jquery - 使用 A Href onclick 显示 Div 并隐藏其他

Question

我有一个带有一些链接的菜单。像这样：

<ul id="nav"><li><a href="#" class="tartalom">Some Div 1</a></li><li><a href="#" class="tartalom2">Some Div 2</a></li></ul> 

这是我的div。

  <div class="tartalom1>Bla bla bla</div> 

  <div class="tartalom2>Yeeah yeah yeah</div> 

如果我单击链接以打开具有相同类的 div 并关闭其他类（如果它们已打开），如何使其成为可能？我试过这个，但它没有帮助：

   $(document).ready( function(){
  $('.tartalom').click( function(){ // set of divs to be clickable
   $(this).siblings('div').hide(); // it's already showing, right?
});
});

Answer 1

您需要先到达封闭的 div 才能访问兄弟 div。您可以使用最接近（）函数来查找匹配搜索条件的最近祖先。

现场演示

$(document).ready( function(){
  $('.tartalom').click( function(){ // set of divs to be clickable
      $(this).closest('div').siblings('div').hide(); // it's already showing, right?
  });
});

您还错过了div 中tartalom1和class的结束引号。tartalo2