1

リンク付きのメニューがあります。このような：

<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を開き、開いている場合は他のdivを閉じる場合、それを可能にするにはどうすればよいですか？私はこれを試しましたが、役に立ちません：

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

1 に答える 1

2

兄弟の div にアクセスするには、最初に囲んでいる div にアクセスする必要があります。closest()関数を使用して、検索条件に一致する最も近い祖先を見つけることができます。

ライブデモ

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

また、div 内のand class の終了引用符も見逃しています。tartalom1tartalo2

于 2013-01-15T09:19:55.303 に答える