[jQuery] What Do I Do wrong?
Hello,
I have the following jQuery code:
$(document).ready(function(){
$("a.navia:not([id='imprint'])").attr("href", "#");
$("a.navia").click(function(){
var active = "div#subnavibg" + $(this).attr("id") + ":hidden";
$("div.subnavibg:visible").slideUp(500);
$("a.navia.selected").removeClass("selected");
$(active).slideDown(500);
$(this).not([class='selected']).addClass("selected");
});
});
I think it's quiet clear what the aim of the script is. I have several
navigation links which, when clicked, are to open a sub-navigation
menu.
It works so far except one thing: Everytime I click on a top-
navigation link, this link gets an additional class (selected) just to
change its color to see which navigation link is active. When I click
on another link, the previous active link loses this class and the
clicked link gets this class so that just one navigation link can have
this class (selected).
When I click on the active link the according sub-navigation menu
disappears. So far so good. Nevertheless the class (selected) is not
taken away from the link so that the link stays active for the visitor
though no sub-navigation menu is shown.
I think it's more a logical problem in my head that I'm not able to
solve. Can someone help me with this?
Thank you!
Iustinian