Question

I have the following,

$("#slider1next").click(function () {
        $(".text:visible").next().show();
    });

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

http://jsfiddle.net/ma9ic/U2UZ4/3/

Answer 1

Add a callback function to the show() function, and evaluate the index:

$("#slider1next").click(function () {
    $(".text:visible").next().show(function() {  
        if($(this).index() == $('.text').length)
        {
            $('#slider1next').hide();
        }
    });
});

See the updated jsFiddle.