Javascript/ Jquery modification
ubik74
-
avion-f16 Messages postés 19254 Date d'inscription Statut Contributeur Dernière intervention -
avion-f16 Messages postés 19254 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
Voila j'ai recupéré un petit bout de javascript/jquery pour un menu vertical qui fonctionne nickel
Ma problematique c'est qu'il n'y a que deux états au script, quand on click et que le menu est ouvert, et quand on clic quand le menu est fermé.
A chaque chargement de page, mon menu est fermé, mais je souhaiterai pour une meilleure ergonomie, quand on est dans une sous partie, avoir le menu ouvert, soit une nouvelle conditions a la boucle if :
Si on se trouve dans la rubrique X et que la balise possède l'attribut AA le menu est ouvert pour cette balise et on voit au chargement de la page les sous menu; et non que tout le menu soit a chaque fois completement fermé
N'etant pas tres a laise avec le javascript si suit mon code, si quelqu'un avait une idéee
Merci d'avance
Mon code
Le menu sur la page html
Voila j'ai recupéré un petit bout de javascript/jquery pour un menu vertical qui fonctionne nickel
Ma problematique c'est qu'il n'y a que deux états au script, quand on click et que le menu est ouvert, et quand on clic quand le menu est fermé.
A chaque chargement de page, mon menu est fermé, mais je souhaiterai pour une meilleure ergonomie, quand on est dans une sous partie, avoir le menu ouvert, soit une nouvelle conditions a la boucle if :
Si on se trouve dans la rubrique X et que la balise possède l'attribut AA le menu est ouvert pour cette balise et on voit au chargement de la page les sous menu; et non que tout le menu soit a chaque fois completement fermé
N'etant pas tres a laise avec le javascript si suit mon code, si quelqu'un avait une idéee
Merci d'avance
Mon code
$(document).ready(function(){ if($("#nav")) { $("#nav dd").hide(); $("#nav dt b").click(function() { if(this.className.indexOf("clicked") != -1) { $(this).parent().next().slideUp(200); $(this).removeClass("clicked"); } else { $("#nav dt b").removeClass(); $(this).addClass("clicked"); $("#nav dd:visible").slideUp(200); $(this).parent().next().slideDown(500); } return false; }); } });
Le menu sur la page html
<dt><b><img src="../_img/m4.gif" alt="Mission" width="148" height="33" border="0" /></b></dt> <dd "EXEMPLE SI JE VEUX QUE CETTE BALISE SOIT OUVERTE AU CHARGEMENT DE LA PAGE"> <ul class="dde"> <li><a href="marques/publicite_communication_internet.html">Publicité, Communication et Internet</a></li> <li><a href="marques/mode_maroquinerie.html">Mode & Maroquinerie</a></li> <li><a href="marques/spiritueux_distribution_selective.html">Spiritueux & Distribution sélective</a></li> <li><a href="marques/immobilier.html">Immobilier</a></li> </ul> </dd> <dt><b><img src="../_img/m5.gif" alt="Mission" width="148" height="33" border="0" /></b></dt> <dd> <ul class="dde"> <li><a href="../projets_etudesdecas.html">Projets et études de cas</a></li> <li><a href="../projets_investisseurs.html">Recherche d’investisseurs</a></li> </ul> </dd>
A voir également:
- Javascript/ Jquery modification
- Suivi de modification word - Guide
- Logiciel gratuit modification pdf - Guide
- Modification dns - Guide
- Telecharger javascript - Télécharger - Langages
- Modification liste déroulante excel - Guide
1 réponse
Ajoute sur l'ul actif l'id dde-actif et voilà ce qu'il faut changer :
$(document).ready(function(){ if($("#nav")) { $("#nav dd").hide(); $("#dde-actif").show(); $("#nav dt b").click(function() { if(this.className.indexOf("clicked") != -1) { $(this).parent().next().slideUp(200); $(this).removeClass("clicked"); } else { $("#nav dt b").removeClass(); $(this).addClass("clicked"); $("#nav dd:visible").slideUp(200); $(this).parent().next().slideDown(500); } return false; }); } })