Hi Guys, thanks for the help! I ended up using your suggestions and putting
this together:
$(this).parents('div.menu div.gallery').find('h2').removeAttr('class');
$(this).addClass('active');
It allows me to deselect the other h2 elements upon clicking a different h2.
Your suggestions seemed to add the class but never deselect it - whether I
implemented those suggestions wrong I am unsure. But it was all helpful
nonetheless.
My only other issue is making sure the fist item with an h2 is set to active
when the page loads. I tried a filter:first on the end of my script above,
but with no success. Any ideas?
Bradley Sepos wrote:
>
>
> 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.
>
>
--
View this message in context:
http://www.nabble.com/Assign-%27active%27-to-nav-element-tp19753801s27240p19773056.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
