Problème Scriptaculous dans IE

Question

Nous avons ce problème très ennuyeux avec Scriptaculous et Internet Explorer 7/8. Nous avons deux Effect.toggles sur la même page, mais seulement l'un d'entre eux fonctionne (le premier). J'espère que c'est une erreur simple dans ma mise en œuvre, mais je n'arrive pas à trouver une documentation décente. J'espère que quelqu'un ici peut aider.

Le code HTML/JS ressemble à ceci:

<ul> 
    <li id="LinkA" class="icon"> 
     <a onclick="new Effect.toggle('divA', 'slide', { duration: 0.6 }); return false;" href="#">Show List A</a> 
    </li> 
</ul> 
<div id="divA" style="display:none"> 
    <div> 
     -- Things to display -- 
    </div> 
</div> 
<ul> 
    <li id="LinkB" class="icon"> 
     <a onclick="new Effect.toggle('divB', 'slide', { duration: 0.6 }); return false;" href="#">Show List B</a> 
    </li> 
</ul> 
<div id="divB" style="display:none"> 
    <div> 
     -- Things to display -- 
    </div> 
</div> 

Il fonctionne parfaitement dans Chrome et Firefox, mais le second ne fonctionne jamais dans IE 7 ou 8, peu importe ce que je fais.

Toute aide serait grandement appréciée!

Answer 1

Mon mauvais tout autour. Le HTML était en cours de construction en Javascript sur un clic de bouton, mais comme c'était compliqué à coller ici, je l'ai simplifié au code qui a été créé. Il s'avère que la construction du code HTML par le Javascript était la cause du problème (arrêtant apparemment Prototype et Scriptaculous d'être capable de trouver l'ID de la deuxième DIV - pourquoi le premier aurait dû bien fonctionner, je don 't sais).

Tout fait maintenant ... Je souhaite que je pourrais fermer cette question :(