Hide show paragraph : html « jQuery « JavaScript Tutorial

<html>
  <head>
    <script type="text/javascript" src="js/jquery-1.3.2.js"></script>
    <style type="text/css">
        .changeP { font-weight: bold; color:red;}
    </style>

    <script type="text/javascript">
   $(document).ready(function(){
     $(".article .thebody").hide();
     $("#container .article ul")
       .prepend("<li class='readbody'><a href='' title='Read the article'>Read Body</a></li>");

     $(".actions li.readbody a").click(function(event){
       $(this).parents("ul").prev(".thebody").toggle();
       
       event.preventDefault();
     });
       
   });

    </script>
  </head>
  <body>
 <div id="container">
   <div class="article">
     <p class="summary">Summary 01</p>
     <p class="thebody">Lorem ipsum....</p>
     
     <ul class="actions">

     </ul> 
     
   </div>

 </div>


  </body>
</html>

30.51.html
	30.51.1.	Assign HTML to
	30.51.2.	Get HTML code
	30.51.3.	Get HTML string and assign to text node
	30.51.4.	Hides all the input elements within a form
	30.51.5.	Hide show paragraph
	30.51.6.	Hide slow
	30.51.7.	Hide tag slowly
	30.51.8.	Set constructed value
	30.51.9.	html() get html contents (innerHTML) of matched element
	30.51.10.	html(val) sets html contents of every matched element