JQuery Tutorial 35 - how to show element on button click

Code:
<html lang="en">
<head>
 <title>JQueryexamplecode.blogspot.com</title>
   <script src="js/jquery.js" type="text/javascript"></script>
</head>
<body>
 <button id="btnShow">Show</button>
<div>
item 1</div>
<div class="showsome">
item 2</div>
<div>
item 3</div>
<div class="showsome">
item 4</div>
<script>
 $('div').hide();
  $('#btnShow').click(function(){
   $('.showsome').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