JQuery Onclick nav verstecken und zeigen

Question

Ich frage mich, wie für ein jquery nav

ein Onclick-Ereignis codieren, wenn Sie

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

gehen klicken, um es für die ID im href aussehen sollte und .show() und .hide() die anderen Elemente der gleichen Klasse wie die Klasse verstecken sich. Wer zeigt mir den Code?

Answer 1

Sie werden zunächst eine Klasse oder (vorzugsweise) eine ID zu Ihrem Anker hinzufügen müssen, wie folgt aus:

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

Nicht ganz sicher, was Sie fordern, aber hier ist das, was ich denke, Sie meinen. Versuchen Sie folgendes:

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

Dieser Code nicht getestet, aber sollte Arbeit.

Basierend auf Ihrer Frage, das ist, was ich denke, du meinst. ;)

Answer 2

Dies könnte zu schließen sein, was Sie fragen, aber sein, dass wir noch einige weitere Details und Proben müssen, was Sie versucht haben:

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/