Select first of multiple instances
<p>I have 3 <code>&lt;section&gt;</code>s on a page with the class <code>.slider</code> and within these there are several <code>&lt;article&gt;</code>s. For the purpose of making these work as tabbed content I want to use jQuery to hide all but the first of each these <code>&lt;article&gt;</code>s.</p>

<p>The following:</p>

<pre><code>$(".slider &gt; article:not(:first)").hide();
</code></pre>

<p>hides everything but the first <code>&lt;article&gt;</code> in the first <code>&lt;section&gt;</code>, I need it to iterate through the three <code>&lt;section&gt;</code>s and hide the first in each of these. I assume I need to use <code>each()</code> to loop through them, but I can't make anything work.</p>
