jQuery Method Chaining css() | slideUp() | slideDown()

lgope · lgope · commit 24aa90727c88 · 2020-02-17T23:30:30.000+06:00
diff --git a/jQuery/jQuery-Effects/chaining.html b/jQuery/jQuery-Effects/chaining.html
@@ -0,0 +1,25 @@
+<!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 () {
+                $("#p1").css("color", "blue")
+                    .slideUp(2000)
+                    .slideDown(2000);
+            });
+        });
+    </script>
+</head>
+
+<body>
+
+    <p id="p1">jQuery is fun!!</p>
+
+    <button>Click me</button>
+
+</body>
+
+</html>
