Question

I have a div show hide function which is working fine.
when I click next button it showing next div unfortunately I don’t how to prevent the next function when the fivs are finished. I can show you my so far works here

    <div id="prev">Prev</div >
    <div id="next">Next</div >
    <hr /> 

<div id="main">   
    <div id="div1" class="first current">Div 1</div>
    <div id="div2">Div 2</div>
    <div id="div3" class="last">Div 3</div>    
</div>
​
$('#next').click(function() {
    $('.current').removeClass('current').hide().next().show().addClass('current');
    if ($('.current').hasClass('last')) {
        $('#next').attr('disabled', true);
    }
    $('#prev').attr('disabled', null);
});

$('#prev').click(function() {
    $('.current').removeClass('current').hide().prev().show().addClass('current');
    if ($('.current').hasClass('first')) {
        $('#prev').attr('disabled', true);
    }
    $('#next').attr('disabled', null);
});​

DEMO

Answer 1

You can use something like this for next click

if ($('.current').next().length)
    // the rest of the code

and for prev click:

if ($('.current').prev().length)
    // the rest of the code

See the Fiddle.