| Liste déroulante avec on/off |
Titre du sujet : Liste déroulante avec on/off
par Felinity sur 04/03/2010 13:38:06
Bonjour,
J'essaie de créer des listes (arborescences) qu'on puisse ouvrir et fermer en cliquant sur le titre.
J'ai trouvé ce code qui fonctionne en démo mais pas chez moi.
Mon éditeur de script signale un problème sur la ligne :
$(document).ready(function(){
Je ne trouve pas de solution. Ma version Xoops est 2.0.17.
Merci d'avance.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="fr-FR"> <head><title></title> <script type="text/javascript" charset="UTF-8"> $(document).ready(function(){ $("ul.arborescence ul").hide(); $("ul.arborescence a[href='#']").click(function () { $(this).next("ul").slideToggle(); }); }); </script> </head> <body> <ul class="arborescence"> <li> <a href="#">Niveau 1</a> <ul> <li>Niveau 1.1</a></li> <li>Niveau 1.2</li> <li> <a href="#">Niveau 1.3</a> <ul> <li>Niveau 1.3.2</li> <li>Niveau 1.3.3</li> <li>Niveau 1.3.4</li> <li>Niveau 1.3.5</li> <li> <a href="#">Niveau 1.3.6</a> <ul> <li>Niveau 1.3.6.1</li> <li>Niveau 1.3.6.2</li> <li>Niveau 1.3.6.3</li> <li>Niveau 1.3.6.4</li> <li>Niveau 1.3.6.5</li> <li>Niveau 1.3.6.6</li> </ul> </li> </ul> </li> <li>Niveau 1.4</li> <li>Niveau 1.5</li> <li>Niveau 1.6</li> </ul> </li> <li> <a href="#">Niveau 2</a> <ul> <li>Niveau 2.1</li> <li>Niveau 2.2</li> <li>Niveau 2.3</li> <li>Niveau 2.4</li> <li>Niveau 2.5</li> <li>Niveau 2.6</li> </ul> </li> </body> </html>
|
|
