title: Using jQuery "this" plus a CSS selector?
body: <p>I am writing a script to show/hide a section within a div. I have 3 of these divs with hidden sections but was hoping to use one function to control all 3.</p>
  
  <p>Here's what I have right now:</p>
  
  <pre><code>$('.rates, .hours, .otherinfo').click(function() {
      $('.expand').toggle();
  });
  </code></pre>
  
  <p>Here's the HTML:</p>
  
  <pre><code>&lt;div class="rates"&gt;
      &lt;h2&gt;Rates&lt;/h2&gt;
      &lt;div class="expand"&gt;
          &lt;p&gt;Text in here is hidden by default.&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="hours"&gt;
      &lt;h2&gt;Hours&lt;/h2&gt;
      &lt;div class="expand"&gt;
          &lt;p&gt;Text in here is hidden by default.&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="otherinfo"&gt;
      &lt;h2&gt;Other Info&lt;/h2&gt;
      &lt;div class="expand"&gt;
          &lt;p&gt;Text in here is hidden by default.&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And CSS:</p>
  
  <pre><code>.expand {
      display:none;
  }
  </code></pre>
  
  <p>Obviously, this shows the "expand" div for all 3 of the divs when you click on any of them. Is there a way to incorporate <code>this</code> into the selector. Something like <code>this'.expand'</code>?</p>
  
  <p>Thanks!</p>