Fade in divs by passing two id's in query
<p>I'm trying to create a row of divs with hidden images inside, when moused over the middot will fade out, image will fade in, then fade out when the mouse leaves that div. I know I need to do something with the .hover function in jquery.</p>

<p>For example</p>

<pre><code>&lt;div id='1_1'&gt;
 &amp;midddot;
 &lt;img src='image1_1.jpg' style='display:none'&gt;
&lt;/div&gt;
&lt;div id='1_2'&gt;
 &amp;midddot;
 &lt;img src='image1_2.jpg' style='display:none'&gt;
&lt;/div&gt;
&lt;div id='1_3&gt;
 &amp;midddot;
 &lt;img src='image1_3.jpg' style='display:none'&gt;
&lt;/div&gt;
</code></pre>

<p>Each div will represent a page of an article. So where id='1_3', that'd be a row 1, page 3, or id='1_1' would be row 1, page 1. </p>

<p>Just not sure how to structure the jquery to get this done. </p>

<p>FYI, I'm using php/mysql to output the info. So the above code would be one loop in that "while" statement. Subsequent loops would increase the row number (id="2_1", "2_2", etc.). </p>

<p>Thanks for any advice.</p>
