javascript - ocultar - removeattr disabled

Jquery: Ocultar todos los hijos, luego mostrar un elemento específico

Question

Quiero ocultar todos los elementos secundarios en un div. Y luego muestre uno específico transferido a la función.

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

luego invoco la función desde un evento onmouse como: subDisplay(#DivIwantToShow); Pero nada se muestra ...

¿Qué estoy haciendo mal?

Answer 1

Necesita ocultar los niños y no el div que contiene.

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

Entonces, si el div que estás tratando de mostrar es un elemento en el div principal, se seguirá mostrando mientras los demás permanezcan ocultos.

Answer 2

Para resumir los excelentes comentarios de @dotweb y @Matt;

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

Answer 3

Si se dirige a los hijos de #navSub , debe orientarlos y ocultarlos, en lugar del elemento navSub ; que puedes hacer usando el método children() ;

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

De lo contrario, parece que tienes varios elementos con la misma ID en tu DOM, lo cual no está permitido.

Luego debe pasar una cadena (que es un selector jQuery válido) a subDisplay() ;

subDisplay(''#DivIwantToShow'');

Answer 4

Trata de tenerlo fuera del circuito, así:

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

http://jsfiddle.net/peduarte/m2pj8/

Answer 5

si el nombre del elemento se pasa en nombre use esto:

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

Answer 6

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