title: Show element when an adjacent sibling element is hovered
body: <p>Here is my code.</p>
  
  <pre><code>&lt;tr id="optShow"&gt;
  &lt;td&gt;&lt;strong&gt;Optimized for&lt;/strong&gt;&lt;/td&gt;
  &lt;td style="text-align:center;"&gt;500K visitors /mo&lt;/td&gt;
  &lt;td style="text-align:center;"&gt;100K visitors /mo&lt;/td&gt;
  &lt;td style="text-align:center;"&gt;10K visitors /mo&lt;/td&gt;
  &lt;td style="text-align:center;"&gt;5K visitors /mo&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr id="optHidden"&gt; //this one is hidden with css
  &lt;td&gt;&amp;nbsp;&lt;/td&gt;
  &lt;td colspan="4" style="text-align:center;"&gt;This is not a limit. This is just a way for you to decide which plan is best for you. If you know your monthly view count this makes it easy. Remember, you can always start at Small and upgrade as you grow.&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>My goal is that when a user hovers over the #optShow tr, the #optHidden will show, and this will happen with different trs on the page as well.</p>
  
  <p>I would like to do it with CSS, but I can't figure it out.</p>
  
  <p>I can do jQuery if I have to.</p>