It goes like this: Click an image, show an image - using jQuery
<p>Simple right?</p>

<p>Basically, here is the concept. Imagine all children of div#images are display:none by default:</p>

<pre><code>&lt;div id=thumbs&gt;
   &lt;img src="thumb1.jpg"/&gt;
   &lt;img src="thumb2.jpg"/&gt;
   &lt;img src="thumb3.jpg"/&gt;
&lt;/div&gt;
&lt;div id=images&gt;
   &lt;img src="img1.jpg"/&gt;
   &lt;img src="img2.jpg"/&gt;
   &lt;img src="img3.jpg"/&gt;
&lt;/div&gt;
</code></pre>

<p>Here's the logic I've come up with:
 Click a child of div#thumbs, capture the child #, show the corresponding child # of div#images. </p>

<p>Questions I have:</p>

<ul>
<li>How do I return the child number of an element onclick? (In this case, a div)</li>
<li>Note I want this to be activated onclick of children of div#thumbs</li>
</ul>

<p>Thanks!</p>
