Refermer automatiquement un menu accordéon inactif en Jquery

Fermé
gintoxic Messages postés 524 Date d'inscription mardi 31 juillet 2007 Statut Membre Dernière intervention 7 avril 2016 - 9 avril 2013 à 21:43
gintoxic Messages postés 524 Date d'inscription mardi 31 juillet 2007 Statut Membre Dernière intervention 7 avril 2016 - 9 mai 2013 à 20:18
Bonjour,
j'ai créer un menu qui grâce à un tuto Jquery à un effet accordéon (https://www.grafikart.fr/tutoriels/menu-accordeon-26
cependant étant débutant, j'ai fait des essais avec .toggle(), slideUp() sans réussir à le fermer lorsqu'il n'est pas utilisé (apres un certain nombre de ms (500 par défaut, je crois)

je vous pose les codes html et JS (Jquery) :
merci par avance pour votre aide et surtout votre indulgence quant à ma novicité dans le JS et Jquery.. merci

<div id="menu2">
                <h1 class="ascenceur" title="accueil"><a href="#">Accueil</a></h1>
				<h1 class="ascenceur" title="parox">Le Paroxysme de l'Aléatoire</h1>
                	<div>
                	<ul>
                    	<li><a href="pages/paris.php">Paris</a></li>
						<li><a href="pages/dedies.php">Dédiés</a></li>
                        <li><a href="pages/sentiment.php">Sentiments</a></li>
    					<li><a href="pages/erotik.php">Erotisme</a></li>
						<li><a href="pages/feerie.php">Féérie</a></li>
                        <li><a href="pages/divers.php">Divers</a></li>
                        <li><a href="pages/divers2.php">Divers II</a></li>
                    </ul>
                    </div>

                <h1 class="ascenceur" title="saga">Saga Funèbre</h1>
                	<div>
                	<ul>
                    	<li><a href="#mark">Chapitre 1 : Mark</a></li>
                        <li><a href="#lisa">Chapitre 2 : Lisa</a></li>
                    </ul>
                    </div>
                
                <h1 class="ascenceur" title="ttssl">TTSSL</h1>
                	<div>
                	<ul>
                    	<li><a href="">BOINC</a></li>
                        <li><a href="">Rosaetta@Home</a></li>
                    </ul>
                    </div>
                </div>


jQuery().ready(function(){
	$(".ascenceur").next("div").hide();
	$(".ascenceur").click(function() {  
		if($(this).next("div").is(":hidden")) {  
			$(".ascenceur").next("div:visible").slideUp();  
			$(this).next("div").slideDown();
		}
		
	});
});
jQuery().ready(function(){
	$("#menu2").toggle(function() {
	if($("#menu2").next("div").is(":visible")) {
		$("#menu2").next("div").toggle();
	}
	});
});


A voir également:

2 réponses

gintoxic Messages postés 524 Date d'inscription mardi 31 juillet 2007 Statut Membre Dernière intervention 7 avril 2016 10
9 mai 2013 à 20:18
potasser et trouver la soluce :
voici mon script

jQuery().ready(function(){
$(".menu").next("div").hide();
$(".menu").click(function() {
if($(this).next("div").is(":hidden")) {
$(".menu").next("div:visible").slideUp();
$(this).next("div").slideDown();
}
else if ($(".menu").next("div").is(":visible")) {
$(this).next("div:visible").slideUp();
}
});
});

3
gintoxic Messages postés 524 Date d'inscription mardi 31 juillet 2007 Statut Membre Dernière intervention 7 avril 2016 10
11 avril 2013 à 20:17
personne pour me venir en aide ? svp :'(
1