accordion set different background color for each active button...is this possible?

[genxco]

Sorry trying to learn mootools and need a little bit of help, how do I
set different background color for each active button accordion?...is
this possible?

All the h3.toggler are all set with the same setStyles is it possible
to assign different style to each h3.toggler when active?

I think I need to assign an ID to a h3.toggler, right? or am I
completely off?
ex: <h3 class="toggler" id="1st_button">1st_button</h3>


Sorry kind of new, if someone could help me out a little would be much
appreciative.

window.addEvent('domready', function() {

        //create our Accordion instance
        var myAccordion = new Accordion($('accordion'), 'h3.toggler',
'div.element', {
                opacity: false,
                onActive: function(toggler, element){
                        toggler.setStyles({'color': '#ffffff',
                                                          'background-color': 
'#025396'
                                                          });
                },
                onBackground: function(toggler, element){
                        toggler.setStyles({'color': '#e6e3e3',
                                                          'background-color': 
'#0483ec'
                                                          });
                }
        });

        $$('.toggler').addEvent('mouseenter', function()
{this.fireEvent('click'); });


});

thanks in advance