Javascript/ Jquery modification

Fermé
ubik74 - 1 sept. 2009 à 00:47
avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 - 1 sept. 2009 à 01:05
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
$(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&eacute;, Communication et Internet</a></li>
        <li><a href="marques/mode_maroquinerie.html">Mode &amp; Maroquinerie</a></li>
        <li><a href="marques/spiritueux_distribution_selective.html">Spiritueux &amp; Distribution s&eacute;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 &eacute;tudes de cas</a></li>
        <li><a href="../projets_investisseurs.html">Recherche d&rsquo;investisseurs</a></li>
      </ul>
    </dd>
A voir également:

1 réponse

avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 505
1 sept. 2009 à 01:05
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;
		});
	}
})
1