How to use Effect SlideToggle() Method in JQuery

In this article I am going to explain about Effect SlideToggle() method in jquery.
  • 1774

jQuery Effect Stop() Method

jquery Effect Stop() method use for stop running animation for selected element.

Syntax

$(selector).Stop()

 

Example

 

<html>

<head>

    <script type="text/javascript" src="jquery.js"></script>

    <script type="text/javascript">

        $(document).ready(function () {

            $("#bt1").click(function () {

                $("div").animate({ width: 300 }, 3000);

            });

            $("#bt2").click(function () {

                $("div").stop();

            });

        });

    </script>

</head>

<body>

    <p>

        <button id="bt1">

            Start</button>

        <button id="bt2">

            Stop</button>

    </p>

    <div style="background: skyblue; height: 100px; width: 100px">

    </div>

</body>

</html>

Output

stop.jpg

You may also want to read these related articles: here
 
Ask Your Question 
 
Got a programming related question? You may want to post your question here
 
© 2020 DotNetHeaven. All rights reserved.