Essaye ceci:

[javascript]
$(document).click(function(event) {
el = $(event.target);
if(el.closest('.dropdown').length == 0)
$('.subMenu').hide();
else
{
// hide any item shown
$('.subMenu').hide();
var getClicked = el.attr('id');
// show this one
$('#show_'+getClicked).slideToggle();
}
});
[/javascript]

$('.dropdown').click(function(){
			// hide any item shown
                        $('.subMenu').hide();
			var getClicked = $(this).attr('id');
// show this one
			$('#show_'+getClicked).slideToggle();
	});

$(document).click(function() {
   $('.subMenu').hide();
});

Bonjour,

Quand je clique sur un element, il affiche les sous elements, je veux une methode que lorsqu'on clique sur cette element, il s'affiche, les autres actif se ferment, et si je clique n'importe ou, l'element actif se ferme:

[html]
$('.dropdown').click(function(){
// hide any item shown
$('.subMenu').hide();
var getClicked = $(this).attr('id');
// show this one
$('#show_'+getClicked).slideToggle();
});
[/html]

Le probleme dans ma methode, si l'utilisateur ne ferme pas le menu clique, il reste toujours ouvert, je veux que ca se ferme au click sur le document, alors j'ai essaye:

[html]
$(document).click(function() {
$('.subMenu').hide();
});
[/html]

Cette methode ferme tout, c'est bien, mais n'affiche rien :(

Merci pour votre aide