title: JQuery Show Div on Hover
body: <p>I'm trying to figure out how to use JQuery to display some tools when the user is hovering over a content block.  For example, the blocks are displayed as follows with the tools initially hidden:    </p>
  
  <pre><code>&lt;div id="block_1"&gt;
      &lt;div class="tools" style="display:none;"&gt;Tools Here&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div id="block_2"&gt;
      &lt;div class="tools" style="display:none;"&gt;Tools Here&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I need it to show the tools for block_1 when the user is hovering over anything in block_1.</p>
  
  <p>I see that you can use wildcards to do something like:</p>
  
  <pre><code>$("*[id^=block_]").hover(
      function () {
          // somehow toggle div.tools for this block
      },
      function () {
         // somehow toggle div.tools for this block
      }
  </code></pre>
  
  <p>I just can't figure out how you can specifically toggle just the div.tools  for that block...</p>