[jQuery] Do something when id of clicked anchor is home
Okay so I'm working on a site, with jquery. Nothing realy big. Now I
want my menu to display a paragraph, when the corresponding link is
clicked.
Here's my jquery that I came up with for that:
$("a.menuitem").click(function(event){
$("a.menuitem").removeClass("selected");
$(this).addClass("selected");
if($("a.menuitem").id == "home")
{
$("p.body").addClass("hidden");
$("p.body#home").removeClass("hidden");
}
if($("a.menuitem").id == "about")
{
$("p.body").addClass("hidden");
$("p.body#about").removeClass("hidden");
}
event.preventDefault();
});
Then my menu being:
<ul>
<li><a href="" class="menuitem" id="home">Home</a></li>
<li><a href="" class="menuitem" id="about">About</a></li>
<li><a href="" class="menuitem" id="contact">Contact</a></li>
<li><a href="" class="menuitem" id="gallery">Gallery</a></li>
<li><a href="" class="menuitem" id="scripts">Scripts</a></li>
<li class="last"><a href="" class="menuitem" id="links">Links</a></
li>
<div class="clear"></div>
</ul>
and my paragraphs being:
<p class="body" id="home">
ALL YOUR DATABASE ARE BELONG TO US.OUR DATABASE ARE BELONG TO US.
US.
<p class="body hidden" id="about">
Just a test.
Any help here?