title: How to fade all divs in a container except one with jQuery?
body: <p>I've got this:</p>
  
  <pre><code>$("#id").click(function() {
      $('.swoosh div').fadeOut('fast', function(){
          $('.template').fadeIn('fast');
      });
  });
  </code></pre>
  
  <p><code>.swoosh</code> is the container div, and
  <code>.template</code> is the div that i want to remain when i click on <code>#id</code>, while all other divs inside <code>.swoosh</code> disappear.</p>
  
  <p>I feel a bit silly, but I've played around for ages to no avail. Please help a brother out.</p>