Add class to parent of submenu

[carlgordon]

Hi

I’m stuck on adding a class to a submenu’s parent using javascript. Adapting Chris’s dynamic page script here is what I have so far…

$(function() {

var newHash      = "",

$mainContent = $("#main-content"),

$el;



$("#nav li").delegate("a", "click", function() {

window.location.hash = $(this).attr("href");

return false;

});



$(window).bind('hashchange', function(){



newHash = window.location.hash.substring(1);



if (newHash) {

$mainContent

.find("#guts")

.fadeOut(200, function() {

$mainContent.hide().load(newHash + " #guts", function() {

$mainContent.fadeIn(200, function() {});

$("#nav li a").removeClass("current");

$("#nav li a[href="+newHash+"]").addClass("current");

});

});

};

});

$(window).trigger('hashchange');



});

I’ve been Googling it all day but can’t find a simple solution. Here is my HTML…

home


profile


portfolio



print


web






contact

Thanks

[armin.hackmann]

Hi Carl,

this line should work:

$("#nav li a[href="+newHash+"]").addClass("current").parents("ul.subnav").siblings("a").addClass("current");

I think, it explains itself. If not, feel free to tell me so & i will try to write it up. Just dont have the time right now…

Greets
Armin

[carlgordon]

Thank you very much. Just one small correction, I had to change the (“ul.subnav”) to (“ul#subnav”). But otherwise perfect, just what I was looking for.

Cheers

[Author]

Posts