title: jquery show/hide and opacity
body: <p>Here is my lehmans terms of what i am trying to accomplish.</p>
  
  <p>i will have 3 100x100 px divs, floated left. </p>
  
  <pre><code>&lt;div id="container"&gt;
       &lt;div id="1"&gt;did you know?&lt;/div&gt;
       &lt;div id="2"&gt;help&lt;/div&gt;
       &lt;div id="3"&gt;other&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>when you hover or mouse over either of these 3 divs another div will appear via show(); or slideDown(); with the content specific to that topic.</p>
  
  <p>question is, is there a way to make it so that when you hover over any of the divs 1,2,3, the other two will lower opacity to make them look transparen?</p>
  
  <p>that part i am unable to figure out...</p>
  
  <p>thanks in advance.</p>