how to slide toggle on slide toggle

how to slide toggle on slide toggle

how can i put this:
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.   <style>
  5.   p { width:400px; }
  6.   </style>
  7.   <script src="http://code.jquery.com/jquery-latest.js"></script>
  8. </head>
  9. <body>
  10.   <h4> Hiya </h4>
  11.  
  12.   <p>
  13.     This is the paragraph to end all paragraphs.  You
  14.     should feel to have seen such a paragraph in
  15.     your life.  Congratulations!
  16.   </p>
  17. <script>
  18.     $("h4").click(function () {
  19.       $("p").slideToggle("slow");
  20.     });
  21. </script>
  22.  
  23. </body>
  24. </html> 




on this: 

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style>
  5. p { background:#dad;
  6. font-weight:bold;
  7. font-size:16px; }
  8. </style>
  9. <script src="http://code.jquery.com/jquery-latest.js"></script>
  10. </head>
  11. <body>
  12. <button>Toggle 'em</button>
  13. <p>Hiya</p>

  14. $("button").click(function () {<script>
  15. $("p").toggle("slow");
  16. });
  17. </script>
  18. </body>
  19. </html>

 
thenx for who will help me,
i realy need that!