Как использовать JQuery: не селектор

Question

Я пытаюсь показать один div и скрыть другие div с тем же классом, когда нажата ссылка

$(this).find('h2 a').click(function() {
    $('.expand-collapse:eq(' + numberFix + ')' ).show('fast');
    $('.expand-collapse:eq:not(' + numberFix + ')' ).hide('fast');
return false;
});

Это показывает затронутый div, но другие div не скрывают - я использую: не неправильно? Я использовал его таким образом с "nth-child", и это работало нормально.

Буду признателен за любые идеи, как это сделать! :)

Answer 1

Попробуйте братьев и сестер:

$(this).find('h2 a').click(function(e) {
    $('.expand-collapse:eq(' + numberFix + ')' )
        .show('fast').siblings().hide('fast');
    e.preventDefault();
});

Answer 2

Попробуйте :not(:eq(...)).

$(this).find('h2 a').click(function() {
    $('.expand-collapse:eq(' + numberFix + ')' ).show('fast');
    $('.expand-collapse:not(:eq(' + numberFix + '))' ).hide('fast');
    return false;
});