Jquery : Masquer tous les enfants, puis afficher un élément spécifique

Question

Je veux cacher tous les éléments enfants dans un div. Et puis montrez une fonction spécifique transmise à la fonction.

function subDisplay(name) {
   $("#navSub").each(function() {
      $(this).hide();
   });
   $(name).show();
}

puis j'appelle la fonction depuis un événement onmouse comme : subDisplay(#DivIwantToShow); Mais rien n'affiche...

Qu'est-ce que je fais de mal ?

Answer 1

Tu dois cacher les enfants et pas le div qui les contient.

$("#navSub").children().hide();

Donc maintenant, si le div que vous essayez d'afficher est un élément dans le div parent, il s'affichera toujours tandis que les autres restent cachés.

Answer 2

function subDisplay(name) {
   $("#navSub").hide();
   $('#'+name).show();
}

Answer 3

Pour résumer les excellents commentaires de @dotweb et @Matt ;

function subDisplay(name) {
   $('#navSub').hide();
   $(name).show();
}

subDisplay('#DivIwantToShow');

Answer 4

si le nom de l'élément est passé en nom, utilisez ceci :

    if($(this).attr('name') != name){
    //Hide it
    } else {
   //show it
}