Refermer automatiquement un menu accordéon inactif en Jquery
gintoxic
Messages postés
566
Statut
Membre
-
gintoxic Messages postés 566 Statut Membre -
gintoxic Messages postés 566 Statut Membre -
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
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:
- Refermer automatiquement un menu accordéon inactif en Jquery
- Service spouleur d'impression inactif - Guide
- Menu déroulant excel - Guide
- Automatiquement - Guide
- Canon quick menu - Télécharger - Utilitaires
- Excel menu déroulant en cascade - Guide
2 réponses
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();
}
});
});
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();
}
});
});