$(ele).finish()



 // Cache our DOM elements like good citizens.
        var dom = {
            reset: $( "input.reset" ),
            start: $( "input.start" ),
            halt: $( "input.halt" ),
            box1: $( "div.box1" ),
            box2: $( "div.box2" )
        };
        // Reset the demo by quitting all animations and manually
        // setting the widths.
        dom.reset.click(
            function( event ) {
                dom.box1.add( dom.box2 )
                    .stop( true, true )
                    .width( 0 )
                ;
            }
        );
        // Start animations on both elements. The animations will
        // include a slide-out followed by a slide-in of each element.
        // Meaning, there are two different animations in the queue at
        // the start of the experiment.
        dom.start.click(
            function( event ) {
                dom.box1.add( dom.box2 )
                    .animate( { width: "400px" }, 3000 )
                    .animate( { width: "0px" }, 2000 )
                ;
            }
        );
        // Stop both animations.
        dom.halt.click(
            function( event ) {
                // True ( clear queue, jump to end ).
                dom.box1.stop( true, true );
                dom.box2.finish();
            }
        );