title: jQuery selector not this child
body: <p>Is there any way to attach a click event to several elements, and then have all children to the element, except children of THIS (the one clicked), to run a function?</p>
  
  <p>That's a terrible explanation, but I'm looking for something like this:</p>
  
  <pre><code>$(".block_header").click(function(){
      $(".block_header span:not(this span)").toggleClass("collapse expand");
      $(".container:not(this+div.container)").slideToggle();
  });
  </code></pre>
  
  <p>Here's a sample HTML:</p>
  
  <pre><code>&lt;h3 id="sender_header" class="block_header"&gt;&lt;span&gt;Sender&lt;/span&gt;&lt;/h3&gt;
  &lt;div id="sender_container" class="container"&gt;
      &lt;p&gt;Show or hide this, based on which H3 is clicked.&lt;/p&gt;
  &lt;/div&gt;
  &lt;h3 id="receiver_header" class="block_header"&gt;&lt;span&gt;Receiver&lt;/span&gt;&lt;/h3&gt;
  &lt;div id="receiver_container" class="container"&gt;
      &lt;p&gt;Show or hide this, based on which H3 is clicked.&lt;/p&gt;
  &lt;/div&gt;
  &lt;h3 id="delivery_header" class="block_header"&gt;&lt;span&gt;Delivery&lt;/span&gt;&lt;/h3&gt;
  &lt;div id="delivery_container" class="container"&gt;
      &lt;p&gt;Show or hide this, based on which H3 is clicked.&lt;/p&gt;
  &lt;/div&gt;
  &lt;h3 id="items_header" class="block_header"&gt;&lt;span&gt;Items&lt;/span&gt;&lt;/h3&gt;
  &lt;div id="items_container" class="container"&gt;
      &lt;p&gt;Show or hide this, based on which H3 is clicked.&lt;/p&gt;
  &lt;/div&gt;
  .... etc, etc (many more of the same)
  </code></pre>
  
  <p>Hope this isn't too complicated. It would save me a LOT of code.</p>