Question

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 1

You can probably use the not^[doc] selector

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