hide all the a except the first one with jquery
<blockquote>
  <p><strong>Possible Duplicate:</strong><br>
  <a href="http://stackoverflow.com/questions/10462380/jquery-hide-all-elements-except-first-one">jQuery - hide all elements except first one</a>  </p>
</blockquote>



<p>the html code:</p>

<pre><code>&lt;div class="productimg"&gt;&lt;a href=""&gt;test&lt;/a&gt;&lt;a href=""&gt;tow&lt;/a&gt;&lt;a href=""&gt;three&lt;/a&gt;&lt;/div&gt;
&lt;div class="productimg"&gt;&lt;a href=""&gt;test&lt;/a&gt;&lt;a href=""&gt;hide&lt;/a&gt;&lt;a href=""&gt;show&lt;/a&gt;&lt;/div&gt;
................
</code></pre>

<p>now, i want to only show the first <code>a</code> in each <code>productimg</code>when open the page. i using the follow code. but it hide all the image except the first image.</p>

<pre><code>$('.productimg a').hide()
$('.productimg a:eq(0)').show();
</code></pre>
