JQuery: Скрыть всех детей, затем показать определенный элемент

Question

Я хочу скрыть все дочерние элементы в div. Затем укажите конкретную функцию, переданную функции.

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

затем я вызвать функцию из onmouse события, как: subDisplay(#DivIwantToShow); Но ничего не отображает ...

Что я делаю неправильно?

Answer 1

Вам нужно спрятать детей, а не содержащие div.

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

Так что теперь, если DIV вы пытаетесь показать элемент в родительском DIV он все равно будет показывать в то время как другие остаются скрытыми.

Answer 2

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

Answer 3

Попробуйте иметь его вне цикла, например, так:

function subDisplay(name) { 

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

    $(name).show(); 
} 

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

Answer 4

Суммируя большие комментарии от @dotweb и @ Matt;

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

subDisplay('#DivIwantToShow'); 

Answer 5

Если вы ориентируетесь детей #navSub, необходимо нацелить их и скрыть им, а не элемент navSub; которые вы можете сделать, используя метод children();

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

В противном случае, похоже, что у вас есть несколько элементов с одинаковым идентификатором в DOM, что недопустимо.

Затем вам необходимо передать строку (которая является допустимым селектором jQuery) до subDisplay();

subDisplay('#DivIwantToShow'); 

Answer 6

если имя элемента передается используется имя этого:

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