Partage
  • Partager sur Facebook
  • Partager sur Twitter

[jquery]Afficher un sous menu de la page charger

    17 décembre 2010 à 19:16:33

    Bonjour alors voila j'utilise un script jQuery qui affiche des sous-menus. Mais je voudrais qu'il affiche que le sous-menu en fonction de la page chargée (j'utilise un script de load sans rechargement de page).
    Voici le code HTML du menu :
    <div id="menu" class='coin'>
    				<!--id='menu_math' --> 
    				<ul id="Nav">
    					<li id='li_accueil'>
    					<a id='menu_accueil' href='' class='bouton coin load'>Accueil</a>
    
    						<ul class="Menu">
    							<li>Sous element 3</li>
    							<li class='coin_sousmenu'>Sous element 3</li>
    						</ul>
    					</li>
    					
    					
    					<li id='li_nombre'>
    					<a id='menu_nombre' href='load/nombre.html#5' class='bouton coin load'>Nombres</a>
    
    						<ul class="Menu">
    							<li><a id='menu_nombre' href='#nombre1'>Num&eacute;ration Aditionnelle</a></li>
    							<li><a id='menu_nombre' href='#nombre2'>Num&eacute;ration Positionnelle</a></li></li>
    							<li><a id='menu_nombre' href='#nombre3'>Syst&egrave;me de Num&eacute;ration</a></li></li>
    							<li><a id='menu_nombre' href='#nombre4'>Le z&eacute;ro</a></li></li>
    							<li class='coin_sousmenu'><a id='menu_nombre' href='#nombre5'>Le nombre &pi;</a></li></li>
    						</ul>
    					</li>
    					
    					
    					<li id='li_math'>
    					<a id='menu_math' href='load/carrousel.html' class='bouton coin load'>Math&eacute;maticiens</a>
    
    						<ul class="Menu">
    							<li></li>
    							<li></li>
    						</ul>
    					</li>
    					
    					
    					<li id='li_math2'>
    					<a id='menu_math2' href='' class='bouton coin load'>Math&eacute;maticiens2</a>
    
    						<ul class="Menu">
    							<li></li>
    							<li></li>
    						</ul>
    					</li>
    					
    					
    					<li id='li_portfolio'>
    					<a id='menu_portfolio' href='' id='menu_galerie' class='bouton coin load'>Portfolio</a>
    					
    						<ul class="Menu">
    							<li></li>
    							<li></li>
    						</ul>
    					</li>
    				</ul>
    						
    					
    					</ul>
    			</div>
    


    Et là le JS :
    var obj = null;
    
    function checkHover() {
    	if (obj) {
    		obj.find('ul').hide();	
    	} //if
    } //checkHover
    
    $(document).ready(function() {
    	$('#Nav > li > ul').hide(); //on fait disparaitre les sous menus au chargement
    	
    	
    	$('#Nav > li').hover(function() {
    		if (obj) {
    			obj.find('ul').hide();
    			obj = null;
    		} //if
    		$(this).find('a').addClass('coin_menu');
    		$(this).find('ul').fadeIn();
    	}, function() {
    		obj = $(this);
    		$(this).find('a').removeClass('coin_menu');
    		setTimeout(
    			"checkHover()",
    			0); // si vous souhaitez retarder la disparition, c'est ici
    	});
    	
    });
    

    Si vous souhaitez d'autres informations je suis à disposition.
    • Partager sur Facebook
    • Partager sur Twitter

    [jquery]Afficher un sous menu de la page charger

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
    • Editeur
    • Markdown