Mootools, show/hide content

I’m using this: [url]http://www.congoblue.com.au/test/multipleSliders.html[/url] and it works beautifully, I just need help doing one thing.

I want to replace the blue background with a background image via CSS – this part is easy, but I want to be able to change that background when the div is open.. so a different background for when the content is hidden and a different for when the content is shown. Is there a way this can be done?

Here is the JS:

[code]<script>
window.addEvent( ‘domready’, function(){
$$( ‘.moreInfoWrapper’ ).each(function(item){
var thisSlider = new Fx.Slide( item.getElement( ‘.moreInfo’ ), { duration: 500 } );
thisSlider.hide();
item.getElement( ‘.divToggle’ ).addEvent( ‘click’, function(){ thisSlider.toggle(); } );

} );
} );
</script>[/code]

Thank you!

Also in #JavaScript _↴