JavaScript Tutorial

.dequeue()

<html> 
<head> 
    <style> 
        div { 
        margin: 15px 0 0 0 ; 
        width: 100px; 
        position: absolute; 
        height: 30px; 
        left: 10px; 
        top: 30px; 
        background-color: lightgreen; 
        text-align: center; 
        padding: 15px; 
        } 
        div.red { 
        background-color: red; 
        } 
    </style> 
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
</head> 
<body> 
    <div>GfG!</div> 
    <!-- click on this button to perform animation -->
    <button>Click to start !</button> 
    <script> 
        $( "button" ).click(function() { 
        <!--jQuery code to demonstrate animation with the help of dqueue method-->
        $( "div" ) 
            .animate({ left:"+=500px" }, 1000 ) 
            .animate({ top:"0px" }, 1000 ) 
            .queue(function() { 
            $(this).toggleClass("green").dequeue(); 
            }) 
            .animate({ left:"50px", top:"150px" }, 1000 ); 
        }); 
    </script> 
</body> 
</html>