Just extend Michael's code a bit: $(this).addClass('active').siblings().removeClass('active');
Bradley~ On Oct 1, 3:47 am, yellowboy <[EMAIL PROTECTED]> wrote: > Well I should also say I want it to deselct when another h2 element is > clicked. > > > > Michael Geary-3 wrote: > > > That's no problem, we are all newbies at something. > > > So you just want the H2 element to get an 'active' class when you click on > > it? Then add this inside the click function: > > > $(this).addClass('active'); > > > -Mike > > >> From: yellowboy > > >> Yes, that is why I am seeking some assistance. > > >> Not sure how to implement it within my current code. I know > >> how to assign the class as active, but how would I go about > >> making it assign an active class to the h2 element when it is > >> selected? > > >> Needless to say I'm a bit of a newbie and was just hoping for > >> some suggestions. Thanks > > >> Michael Geary-3 wrote: > > >> > I don't see anything in your code that resembles your > >> description of > >> > what you want. I'd expect to find an addClass('active') > >> call in there > >> > somewhere. > >> > I see a bunch of other code, but nothing like that. > > >> > Perhaps that is the problem, the code you need simply isn't there? > > >> > -Mike > > >> >> From: yellowboy > > >> >> I want my h2 element to be assigned class 'active' when > >> selected, I > >> >> have tried numerous methods but to no avail, some guidance > >> would be > >> >> appreciated! > > >> >> function initMenus() { > >> >> $('div.menu div.gallery').hide(); > >> >> $.each($('.menu'), function(){ > >> >> $('#' + this.id + '.expandfirst > >> >> div.gallery:first').show(); > >> >> }); > >> >> $('div.menu h2').click(function() { > > >> >> var checkElement = $(this).next(); > >> >> var parent = this.parentNode.parentNode.id; > > >> >> if($('#' + parent).hasClass('noaccordion')) { > >> >> $(this).next().slideToggle('normal'); > >> >> return false; > >> >> } > >> >> if((checkElement.is('div.gallery')) && > >> >> (checkElement.is(':visible'))) { > >> >> if($('#' + > >> >> parent).hasClass('collapsible')) { > >> >> $('#' + parent + ' > >> >> div.gallery:visible').slideUp('normal'); > >> >> } > >> >> return false; > >> >> } > >> >> if((checkElement.is('div.gallery')) && > >> >> (!checkElement.is(':visible'))) { > >> >> $('#' + parent + ' > >> >> div.gallery:visible').slideUp('normal'); > >> >> checkElement.slideDown('normal'); > >> >> return false; > >> >> } > >> >> } > >> >> ); > >> >> } > >> >> $(document).ready(function() {initMenus();}); > >> >> -- > >> >> View this message in context: > >> >>http://www.nabble.com/Assign-%27active%27-to-nav-element-tp197 > >> > 53801s27240p19753801.html > >> >> Sent from the jQuery General Discussion mailing list archive at > >> >> Nabble.com. > > >> -- > >> View this message in context: > >>http://www.nabble.com/Assign-%27active%27-to-nav-element-tp197 > > 53801s27240p19754447.html > >> Sent from the jQuery General Discussion mailing list archive > >> at Nabble.com. > > -- > View this message in > context:http://www.nabble.com/Assign-%27active%27-to-nav-element-tp19753801s2... > Sent from the jQuery General Discussion mailing list archive at Nabble.com.