​x
 
1
<!DOCTYPE html>
2
<title>My Example</title>
3
​
4
<style>
5
  p {
6
    background: gold;
7
    padding: 20px;
8
  }
9
</style>
10
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
11
<script>
12
  $( function() {
13
    $( "button" ).click( function() {
14
      $( "p" ).animate({
15
        width: "toggle"
16
      }, 1000 );  
17
    });
18
  });
19
</script>
20
<button>Toggle away!</button>
21
<p>Click the button... say... 3 times or more...</p>