First Draft

First Draft of the Example Files
2020-12-10 13:21:38 +00:00
parent 77a7b57c4f
commit 0335342e00
1127 changed files with 46959 additions and 56 deletions
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Effects: Sliding</title>
+    <script src='jquery-3.5.1.min.js'></script>
+  </head>
+  <body>
+    <button id='slideup'>slideUp</button>
+    <button id='slidedown'>slideDown</button>
+    <button id='slidetoggle'>slideToggle</button>
+    <div id='para' style='background:#def'>
+      <h2>From A Tale of Two Cities - By Charles Dickens</h2>
+      <p>It was the best of times, it was the worst of times, it was the age of
+      wisdom, it was the age of foolishness, it was the epoch of belief, it was
+      the epoch of incredulity, it was the season of Light, it was the season of
+      Darkness, it was the spring of hope, it was the winter of despair, we had
+      everything before us, we had nothing before us, we were all going direct to
+      Heaven, we were all going direct the other way - in short, the period was so
+      far like the present period, that some of its noisiest authorities insisted
+      on its being received, for good or for evil, in the superlative degree of
+      comparison only</p>
+    </div>
+    <script>
+      $('#slideup')    .click(function() { $('#para').slideUp(    'slow') })
+      $('#slidedown')  .click(function() { $('#para').slideDown(  'slow') })
+      $('#slidetoggle').click(function() { $('#para').slideToggle('slow') })
+    </script>
+  </body>
+</html>