Appliquer le style sur un événement à chaque élément de html avec id accordian

Question

Je dois faire quelque chose comme ci-dessous.

J'ai le numéro de div avec le même identifiant 'accordian'.

maintenant l'arrière-plan du fond de la div devrait être # 000000. et le fond de mouseout de cet ensemble de div à #FFFFFF. J'utilise mootools 1.2.

Voici le code que j'ai utilisé, mais ce n'est pas workig.

<script type="text/javascript" language="javascript"> 
window.addEvent('domready', function() { 

    var accordian_divs = $$('#accordion'); 

    accordian_divs.addEvents({ 
       'mouseover':function(){ 
        $(accordian_divs).setStyle('background-color', '#000000'); 
       }, 
       'mouseout':function(){ 
        $(accordian_divs).setStyle('background-color', '#FFFFFF'); 
       } 
      }) 

}); 



</script> 

Quelqu'un peut-il suggérer quel est le problème avec le code.

Merci

Avinash

Answer 1

erm - depuis la solution css ne fonctionnera pas sur div en ie6/7, voici comment le faire dans mootools:

ajouter de la classe accordéon aux divs, supprimer l'id car il doit être unique.

utiliser ceci:

window.addEvent('domready', function() { 
    $$('div.accordion').addEvents({ 
     mouseenter: function() { 
      this.setStyle('background-color', '#000000'); 
     }, 
     mouseleave: function() { 
      this.setStyle('background-color', '#FFFFFF'); 
     } 
    }); 
}); 

ID

Answer 2

Sauf si vous avez vraiment besoin d'utiliser javascript pour cela, vous pouvez obtenir le même résultat avec CSS:

#accordion{background-color:#FFF} 
#accordion:hover{background-color:#000}