Question

I have a sliding panel and on the last element I want the animation to stop i’ve tried using the .is(‘:last’) and it doesn’t stop. here is my code. the current var is set to the first element when the form loads. It animates to the left and keeps animating when you click the next button i just want to stop it on the last element

jQuery('.wikiform .navigation input[name^=Next]').click(function () {
    if (current.is(':last')) return;
        jQuery('.wikiform .wizard').animate({ marginLeft: '-=' + current.width() + "px" }, 750);
        current = current.next();});

<div id="formView1" class="wikiform">
    <div class="wizard">

        <div id="view1" class="view">
            <div class="form">
                Content 1
            </div>        
        </div>
        <div id="view2" class="view">
            <div class="form">
                Content 2
            </div>
        </div>

    </div>
    <div class="navigation">
        <input type="button" name="Back" value=" Back " />
        <input type="button" name="Next " class="Next" value=" Next " />
        <input type="button" name="Cancel" value="Cancel" />
    </div>   
</div>

Answer 1

Instead of :last, just check if there is a .next() sibling, like this:

jQuery('.wikiform .navigation input[name^=Next]').click(function () {
  if (current.next().length == 0) return;