Hello folks,

I have an operational accordion based on a series of fieldset tags
(the content) and h6 tags (the triggers).

It is initiated by:

$('.accord > h6').click(function() {
        $(this).next('fieldset').slideToggle('fast').siblings
('fieldset:visible').slideUp('fast');
});

The trigger tags are set up as
        h6 - span - Trigger title - /span - /h6

I want to add a class to the current h6 tag that will result in an
"open folder" image to appear next to tag when its associated fieldset
is open, and have that class removed when it or another h6 tag is
clicked.

I can add the class easily enough - but I can't work out the code/
selectors to remove the class when the clicked current trigger title
is re-clicked (to close the fieldset) or another trigger title is
clicked (to open its associated fieldset.

$('.accord > h6').click(function() {
        $(this).addClass('expand_group');
        $(this).next('fieldset').slideToggle('fast').siblings
('fieldset:visible').slideUp('fast');
});

I'd  really appreciate some direction to a solution if possible.

Thanks, Bruce

Reply via email to