javascript - 如何在使用 javascript (jQuery) 单击时隐藏由 anchor href 引用的 div

Question

我将几个文本 block 分成各自的 div。我还在导航栏中有几个链接，这些链接使用 anchor 链接引用这些 div。单击时，我想隐藏所有其他 div，但单击链接引用的 div 除外。我有:

<div id="navbar">
  <ul>
   <li><a href="#section1">Link 1</a></li>
   <li><a href="#section2">Link 2</a></li>
   <li><a href="#section3">Link 3</a></li>
   <li><a href="#section4">Link 4</a></li>  
  </ul>
</div>

因此，当我单击“链接 3”时。我想隐藏除#section3 之外的所有 div。

实际上我可以使用 CSS 隐藏/显示每个文本部分，但我不知道如何使用链接的 href 属性来引用 div 名称。

感谢您的帮助，如果您需要澄清我的问题，请告诉我。

Answer 1

试试这个:

$('#navbar a').click(function() {
    $('div:not(#navbar)').hide();
    $($(this).attr('href')).show();
    return false; // You may or may not want this line.
});

你可以看一个例子here .