​x
 
1
<!DOCTYPE html>
2
<title>My Example</title>
3
​
4
<style>
5
  #slideMe {
6
    background: gold;
7
    padding: 20px;
8
  }
9
</style>
10
​
11
<!-- Load jQuery -->
12
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
13
​
14
<!-- Use jQuery -->
15
<script>
16
// Wait for DOM to load and be ready
17
$(document).ready(function(){
18
  
19
  // Click event handler
20
  $("button").click(function() {
21
  
22
    // Toggle the element
23
    $( "#slideMe" ).slideToggle( "slow" );
24
    
25
  });
26
  
27
});
28
</script>
29
<button>Slide it!</button>
30
<p id="slideMe">Slide me up!</p>