Hide button after last class has been shown
<p>I have the following,  </p>

<pre><code>$("#slider1next").click(function () {
        $(".text:visible").next().show();
    });
</code></pre>

<p>When the last class (.text) has been shown i want to hide #slider1next how would i go about this? </p>

<p><a href="http://jsfiddle.net/ma9ic/U2UZ4/3/" rel="nofollow">http://jsfiddle.net/ma9ic/U2UZ4/3/</a></p>
