how to generalize a click function in jquery
<p>I have 13 small pictures and 13 big pictures,if any of the small pictures are clicked it'll show the related big picture, I was just wondering if it was possible to generalize the click function so I don't have to repeat the dame code 13 times, thanks</p>

<pre><code>&lt;div id="press_images"&gt;

                &lt;img id="s1" class="small" src="images/press/small/1.png" /&gt;
                &lt;img id="s2" class="small" src="images/press/small/2.png" /&gt;
                &lt;img id="s3" class="small" src="images/press/small/3.png" /&gt;
                &lt;img id="s4" class="small" src="images/press/small/4.png" /&gt;

                .....
                &lt;img id="s13" class="small" src="images/press/small/13.png" /&gt;
&lt;/div&gt;

&lt;div class="big"&gt;     
               &lt;a id="close"&gt;X&lt;/a&gt;
               &lt;img id="b1" src="images/press/big/1.jpg" /&gt;
               ......
               &lt;img id="b13" src="images/press/big/13.jpg" /&gt;
&lt;/div&gt;


$("#s1").click(function(){  

  $('#b1').show();
  $('.big').show(300);
      return false;  
   });
</code></pre>

<p>so I was wondering if I could change the $("#s1").click(function() so I don't have to repeat it 13 times.</p>

<p>thanks</p>
