Find first class name after click
<p>I am looking to toggle the visibility of the first instance of a certain class, but only after the clicked item.</p>

<p>Here is what I have now...</p>

<pre><code>$(document).ready(function() {
    $('.showContentLink').click(function(){
        $(this).next('.showInfo').toggle();             
    });
    $('.showInfo').hide();
});
</code></pre>

<p>If I click  <code>showContentLink</code> it should find the first <code>"showInfo"</code> class  after after the clicked item.</p>

<pre><code>&lt;a href="" class="showContentLink"&gt;show content&lt;/a&gt;
&lt;div class="stuff"&gt;some stuff&lt;/div&gt;
&lt;div class="stuff"&gt;some stuff&lt;/div&gt;
&lt;div class="showInfo"&gt;Show me&lt;/div&gt;


&lt;a href="" class="showContentLink"&gt;show content&lt;/a&gt;
&lt;div class="stuff"&gt;some stuff&lt;/div&gt;
&lt;div class="stuff"&gt;some stuff&lt;/div&gt;
&lt;div class="showInfo"&gt;Show me&lt;/div&gt;
</code></pre>
