Как исчезнуть все div в контейнере, кроме одного с jQuery?

Question

У меня есть это:

$("#id").click(function() {
    $('.swoosh div').fadeOut('fast', function(){
        $('.template').fadeIn('fast');
    });
});

.swoosh - это контейнер div, а .template - это div, который я хочу оставить, когда нажимаю #id, в то время как все остальные divизнутри .swoosh исчезают.

Я чувствую себя немного глупо, но я играл годами безрезультатно.Пожалуйста, помогите брату.

Answer 1

Возможно, вы можете использовать селектор not ^[doc]

$("#id").click(function() {
    $('.swoosh div:not(.template)').fadeOut('fast');
});

Answer 2

    $('.swoosh div[class!="template"]').fadeOut('fast');

Answer 3

старый вопрос, но это тоже сработает

$("#id").click(function() {
    $('.swoosh div').not($('.template')).fadeOut('fast');
});

Answer 4

Поскольку вы гасите контейнер DIV, кажется логичным, что все элементы в этом DIV также гаснут. Итак, что вы можете сделать, это извлечь элемент из контейнера div и поместить его где-то еще в DOM, перед тем как исчезнуть контейнер DIV. Таким образом, он должен оставаться видимым.

Answer 5

$("#id").click(function() {
    $('.swoosh div').fadeOut('fast');
    $('.template').fadeIn('fast');
});