JQuery Tutorial 36 - how to hide and element on button click

Code: 
<!doctype html>
<html lang="en">
<head>
 <title>JQueryexamplecode.blogspot.com</title>
   <script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
 <button id='show'>Show</button>
 
 <button id='hide'>Hide</button>

 <p>para 1</p>
 <p class="example"> para 2 </p>
 <p>para 3</p>
 <script>
  $('#hide').click(function(){
   $('p.example').hide();
  });
  
  $('#show').click(function(){
   $('p').show();
  })
 </script>
</body>                                                                                  
</html>

Output:


If you have any queries or suggestions, please feel free to ask in comments section.
Share this post :

Post a Comment

Please give your valuable feedback on this post. You can submit any ASP.NET article here. We will post that article in this website by your name.

 
Support : Ranga Rajesh Kumar
Copyright © 2012. ASP.NET Examples - All Rights Reserved
Site Designed by Ranga Rajesh Kumar