Question

I was wondering how to code a onclick event for a jquery nav

when you click go

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

it should look for the id in the href and .show() and .hide() the other items of the same class like class hide. Anyone show me the code?

Answer 1

You’ll first need to add a class or (preferably) an ID to your anchor, like this:

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

Not quite sure what you are asking, but here is what I think you mean. Try this:

$(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();
  });
});

This code is untested, but should work.

Based on your question, this is what I think you mean. 😉