jQuery: Toggling slide operations

Here is some text.

This is also text.

And here's some more text.



The jQuery Code START
    
  <script type="text/javascript" src="./jquery-1.5.1.js"></script>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  
  <script type="text/javascript">
  $(document).ready(function() {
      $("button").click(function () {
          $("#first").slideToggle("slow");
      });
  });
  </script>
  
  <style type="text/CSS">
        <!--
        .code { color: red; }
        .back { background-color: yellow; }
        .div2 { height:80px;
                width:300px;
                background-image: url(s.gif);
                background-repeat: repeat; }
        -->
   </style>
  
</head>

<body>
  <h1>jQuery: Toggling slide operations</h1>
    <div>
      <p id="first">Here is some text.</p>
      <p>This is also text.</p>
      <p>And here's some more text.</p>
    </div>
  <form action="">
    <button>Toggle</button>
  </form>