jquery - JQuery onclick nav 隐藏和显示

Question

我想知道如何为 jquery nav 编写 onclick 事件

当你点击去

<a href="#go">Go</a>

它应该在 href 中查找 id 以及.show()同一.hide()类的其他项，例如类 hide。有人给我看代码吗？

Answer 1

您首先需要向锚点添加一个类或（最好）一个 ID，如下所示：

<a id="clicker" href="#go">Go</a>

不太清楚你在问什么，但这就是我认为你的意思。试试这个：

$(document).ready(function() {
  $('#clicker').click(function() {
  //Grab the "href" attribute of the anchor
    var anchor = $(this).attr('href');

  //If you want to hide
    $(anchor).hide();

  //Uncomment if you want to show
    //$(anchor).show();
  });
});

此代码未经测试，但应该可以工作。

根据你的问题，这就是我认为你的意思。;)

Answer 2

这可能接近您的要求，但要确保我们需要更多详细信息和您尝试过的示例：

HTML：

<a href="#go">Go</a>

<div id="go" style="display:none;">
   Div for Go
</div>

​ jQuery：

// the element with the href of "#go"
$("[href='#go']").click(function() {
   // obtain the href value
   var href = $(this).attr("href");

   // find the element with an ID of #go and hide/show it 
   $(href).toggle();
});​

http://jsfiddle.net/ZGz4g/