animate(....) ⏩

lgope · lgope · commit 75c27490df37 · 2020-02-16T23:35:18.000+06:00
diff --git a/jQuery/jQuery-Effects/animate().html b/jQuery/jQuery-Effects/animate().html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
+    <script>
+        $(document).ready(function () {
+            $("button").click(function () {
+                var div = $("div");
+                div.animate({ height: '300px', opacity: '0.4' }, "slow");
+                div.animate({ width: '300px', opacity: '0.8' }, "slow");
+                div.animate({ height: '100px', opacity: '0.4' }, "slow");
+                div.animate({ width: '100px', opacity: '0.8' }, "slow");
+            });
+        });
+    </script>
+</head>
+
+<body>
+
+    <button>Start Animation</button>
+
+
+
+    <div style="background:#6fbd42;height:100px;width:100px;position:absolute;margin-top: 10px;"></div>
+
+</body>
+
+</html>
