Toggle CSS for Open/Close State

I installed the latest FAQ module the other day, and everything was working great, until we wanted to make the opened FAQ categories show up differently than the un-opened categories (we're using "Clicking on category opens/hides questions and answers under category"). A little poking around at the JS you're using and I found the answer - the toggleClass() method in JQuery. If you change the code as outlined below (or add a flag), it shouldn't change anyone's existing CSS, but would allow the class "faq-header-open" to define a different style for the opened headers.

My code - faq.js line #228 :

 // hide/show q/a for a category
 $('div.faq-qa-hide').hide();
 $('div.faq-qa-header .faq-header').click(function() {
 $(this).parent().next('div.faq-qa-hide').slideToggle();
 $(this).toggleClass( "faq-header-open" );
 return false;
 });