title: jQuery - change CSS of span inside a clicked div
body: <p>I have a table:</p>
  
  <pre><code>&lt;table&gt;
    &lt;tr class="row"&gt;
      &lt;td&gt;
          Click me! 
          &lt;span class="expand" style="display: none;"&gt;Hidden text&lt;/span&gt;
      &lt;/td&gt;
    &lt;/tr&gt;
  
    &lt;tr class="row"&gt;
      &lt;td&gt;
          Click me! 
          &lt;span class="expand" style="display: none;"&gt;Hidden text&lt;/span&gt;
      &lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>The idea being that each row can be clicked, and clicking the row will reveal the hidden span in the cell. Here's the jQuery I've been trying:</p>
  
  <pre><code>$("#row").click(function () {
      $(this).class(".expand").style = "";
  });
  </code></pre>
  
  <p>I am using $(this) because there are many <code>spans</code> of the same class and I only want to expand the span within the clicked row.</p>