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