scriptaculous Effect.toggle

[yhugo]

Bonjour à tous,

j'essaie d'utiliser la librairie d'effets javascript scriptaculous ...

J'ai une série de sous-titres (h3) qui doivent appeler des Definition list (dl) avec l'effet Effect.toggle.

Pour faire apparaître tout fonctionne bien, mais je voudrais quand je clique sur un nouveau sous-titre que la liste précédente se ferme ... Comment dois-je m'y prendre ?

J'ai chercher des tutos sur le sujet mais je n'ai rien trouvé :S

Voici à quoi ressemble mon code :

<tr>
	<td class="store"><h3><a href="#" onclick="new Effect.toggle('myAdress', 'slide'); return false">Nom du magasin<span class="crossBox"></span></a></h3>
	  <h4>Montréal</h4>
	  <div id="myAdress" class="storeInfo" style="display:none">
		<dl>
		  <dd>22, rue joe-tremblay</dd>
		  <dd>H2B 2E7</dd>
		  <dd>Tél. : 514.555.5555</dd>
		</dl>
	  </div></td>
	<td class="store"> </td>
	<td class="store"> </td>
  </tr>
  <tr>
	<td class="store"><h3><a href="#" onclick="new Effect.toggle('myAdress2', 'slide'); return false">Nom du magasin02<span class="crossBox"></span></a></h3>
	  <h4>Montréal</h4>
	  <div id="myAdress2" class="storeInfo" style="display:none">
		<dl>
		  <dd>22, rue joe-tremblay</dd>
		  <dd>H2B 2E7</dd>
		  <dd>Tél. : 514.555.5555</dd>
		</dl>
	  </div></td>
	<td class="store"> </td>
	<td class="store"> </td>
  </tr>

Merci et bonne journée

Modifié 16 Octobre 2007 par yhugo