11548 sujets

JavaScript, DOM et API Web HTML5

Salut à tous...
J'ai un menu en Jquery sur mon site mais je cherche comment le fermer au clic.

Pour le moment, on sait le déplier au clic mais il faut cliquer sur un autre titre du menu pour replier la partie en cours.

J'aimerais que lorsqu'on clique sur le titre, la partie se déroule et que lorsqu'on reclique dessus, la partie se renroule ...

Je suis novice dans Jquery... J'apprends en testant et comprenant des scripts ...

Merci

Re : voici comment j'ai codé et cela fonctionne mais sans le slideDown. Je ne vois pas où le mettre....

<script type="text/javascript">
$(document).ready(function() {
  $('.menu_acco').hide(); 
  $('h1').click(function() {
	if($(this).next('div').is(":hidden")){
		$(this).next('div:hidden').slideDown() 
		.siblings('div:visible').slideUp();	
		
	}
	else if($(this).next('div').is(":visible")){
		$(this).next('div').hide(); 
	}
  });
});



Bon bah, après 2-3 réflexions et recherches, j'ai trouvé un truc qui me convenait (sans être ce que je voulais au départ donc si vous avez la solution).

<script type="text/javascript">
$(document).ready(function() {
  $('.menu_acco').hide(); 
  $('h1').click(function() {
	if($(this).next('div').is(":hidden")){
		$(this).next('div:hidden').slideDown() 
		.siblings('div:visible').slideUp();	
		
	}
	else if($(this).next('div').is(":visible")){
		[b]$(this).next('div').hide("slow"); [/b]
	}
  });
});

Modifié par kisscool (20 May 2012 - 16:29)
Tout simplement merci Smiley cligne

C'est exactement cela que je cherchais...

Par contre, à l'avenir, je vais lire d'avantages la docu de Jquery car tout y est ...

On a souvent tendance, en étant débutant, de ne pas chercher mais bon ...

Méa culpa !