Bonjour,

Voici un code (pas de moi) trouvé sur Internet pour faire un accordéon... Tout fonctionne bien sauf que quand on charge la page, le premier accordéon est préselectionné et donc prédéroulé.

Quelqu'un aurait un moyen simple afin que ce ne soit pas la cas ?

<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript">
var accordion;
var accordionTogglers;
var accordionContents;

window.onload = function() {

accordionTogglers = document.getElementsByClassName('accToggler');

accordionTogglers.each(function(toggler){
//remember the original color
toggler.origColor = toggler.getStyle('background-color');
//set the effect
toggler.fx = new Fx.Color(toggler, 'background-color');
});

accordionContents = document.getElementsByClassName('accContent');

accordion = new Fx.Accordion(accordionTogglers, 
accordionContents,{
//when an element is opened change the
//background color to blue
onActive: function(toggler){
toggler.fx.toColor('#33799B');
},
onBackground: function(toggler){
//change the background color to the original
//color when another toggler is pressed
toggler.setStyle('background-color', toggler.origColor);
}
});
}
</script>

Pour l'affichage, je fais comme ça :

<p class="accToggler">Click me!</p>
<p class="accContent">Content...</p>
<p class="accToggler">Click me!</p>
<p class="accContent">Content...</p>
<p class="accToggler">Click me!</p>
<p class="accContent">Content...</p>