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

时间:2013-01-15 09:17:48

标签: jquery html href

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

<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?
});
});

1 个答案:

答案 0 :(得分:2)

您需要首先访问封闭的div才能访问兄弟div。您可以使用closest()函数查找与搜索条件匹配的最近祖先。

<强> Live Demo

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

您还错过了 div中tartalom1tartalo2类的结束引号。