window.addEvent('domready', function() {
    var myAccordion = new Accordion($('accordion'), 'h1.toggler', 'div.element', {
        display: -1,
        opacity: true,
        alwaysHide: true,
        onActive: function(toggler, element){
            toggler.setStyle('color', '#df1a00');
           
            //remove the toggler hover events to clear out its events when it was inactive
            toggler.removeEvents('mouseenter');
            toggler.removeEvents('mouseleave');
           
            //then add your events again
            toggler.addEvent('mouseenter',function()
            {
              //...
            });
        },
        onBackground: function(toggler, element){
            toggler.setStyle('color', '#666');
           
            //remove the toggler hover events to clear out its events when it was active
            toggler.removeEvents('mouseenter');
            toggler.removeEvents('mouseleave');
           
            //then add your events again
            toggler.addEvent('mouseenter',function()
            {this.setStyle('color', '#df1a00');
            
            toggler.addEvent('mouseleave',function()
            {this.setStyle('color', '#666');
            
            });
              
            });
        }
           
    });
 
 
 var myAccordion2 = new Accordion($('accordion2'), 'h4.toggler', 'div.element2', {
        display: -1,
        opacity: true,
        alwaysHide: true,
        onActive: function(toggler, element){
            toggler.setStyle('color', '#df1a00');
           
            //remove the toggler hover events to clear out its events when it was inactive
            toggler.removeEvents('mouseenter');
            toggler.removeEvents('mouseleave');
           
            //then add your events again
            toggler.addEvent('mouseenter',function()
            {
              //...
            });
        },
        onBackground: function(toggler, element){
            toggler.setStyle('color', '#666');
           
            //remove the toggler hover events to clear out its events when it was active
            toggler.removeEvents('mouseenter');
            toggler.removeEvents('mouseleave');
           
            //then add your events again
            toggler.addEvent('mouseenter',function()
            {this.setStyle('color', '#df1a00');
            
            toggler.addEvent('mouseleave',function()
            {this.setStyle('color', '#666');
            
            });
              
            });
        }
           
    });

 
 
});