jquery - JQuery onclick ナビゲーションの非表示と表示

Question

jquery navのonclickイベントをコーディングする方法を知りたいと思っていました

あなたがクリックしたとき

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

.show()hrefでid を探し、.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/