Dopo aver eliminato i conflitti con jquery e mootools...adottando una sola lib. avrei bisogno di fare questo:
sorgente:
http://demos.mootools.net/Accordion
Ho cambiato lo stile, adattandolo al mio layout...ora invece che cambiare il color su quello attivo mi servirebbe cambiare il background-position
Ho provato così
codice:
<script type="text/javascript">
window.addEvent('domready', function(){
var accordion = new Accordion('h3.atStart', 'div.atStart', {
opacity: false,
onActive: function(toggler, element){
toggler.setStyle('background-position:', 'left bottom');
},
onBackground: function(toggler, element){
toggler.setStyle('color', '#222');
}
}, $('accordion'));
var newTog = new Element('h3', {'class': 'toggler'}).setHTML('');
var newEl = new Element('div', {'class': 'element'}).setHTML('
</p>');
accordion.addSection(newTog, newEl, 0);
});
</script>
ma..nada
la mia classe toggler è la seguente
codice:
h3.toggler{
background: url(./images/faq1ttt.png) no-repeat;
height: 52px;
width: 555px;
margin-bottom:0px;
margin-top:15px;
margin-left:17px;
padding:0px;
cursor:pointer;
}
come posso su quello attivo aggiungere il background-position:?