Northernlights Northernlights - 7 months ago 16
HTML Question

How to fade all divs in a container except one with jQuery?

I've got this:

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


.swoosh
is the container div, and
.template
is the div that i want to remain when i click on
#id
, while all other divs inside
.swoosh
disappear.

I feel a bit silly, but I've played around for ages to no avail. Please help a brother out.

Answer

You can probably use the not[doc] selector

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