Jquery: Ukryj wszystkie dzieci, a następnie pokaż konkretny element.

Question

Chcę ukryć wszystkie elementy podrzędne w elemencie div. A następnie pokaż konkretny przekazany do funkcji.

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

Potem wywołać funkcję z onmouse imprezy jak: subDisplay(#DivIwantToShow); ale nic nie wyświetla ...

Co robię źle?

Answer 1

Musisz ukryć dzieci, a nie zawierający div.

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

Więc teraz, jeśli div staramy się pokazać to element div będzie nadal wykazują podczas gdy inni pozostają ukryte.

Answer 2

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

Answer 3

Spróbuj mając ją na zewnątrz pętli, tak jak poniżej:

function subDisplay(name) { 

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

    $(name).show(); 
} 

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

Answer 4

Podsumowując wielkie komentarze @dotweb i @Matt;

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

subDisplay('#DivIwantToShow'); 

Answer 5

Jeśli kierujesz dzieci #navSub, trzeba kierować je ukryć im, zamiast elementu navSub; które można wykonać za pomocą metody children();

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

W przeciwnym razie wydaje się, że w dokumencie DOM jest wiele elementów o tym samym identyfikatorze, co jest niedozwolone.

Następnie należy przekazać ciąg znaków (który jest prawidłowym selektorem jQuery) do subDisplay();

subDisplay('#DivIwantToShow'); 

Answer 6

jeśli nazwa elementu jest przekazywane w użyciu nazwy to:

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