tl  tr
  Home | Tutorials | Articles | Videos | Products | Tools | Search
Interviews | Open Source | Tag Cloud | Follow Us | Bookmark | Contact   
 jQuery > Basic > Show/Hide elements

Show/Hide elements 

This example shows how to hide/show the elements using jQuery API.

File Name  :  
source/JQUERY/basic/showhide.html 
Author  :  Sudhakar KV
Email  :  kvenkatasudhakar@gmail.com
view sourceprint?
01<html>
02 <head>
03 <script type="text/javascript" src="js/jquery.js"></script>
04 <script type="text/javascript">
05 
06$(function(){
07 
08  $("#show").click( function() {
09        $("#test").show();
10 
11  });
12 
13  $("#hide").click( function() {
14        $("#test").hide();
15 
16  });
17 
18 
19});
20 
21 
22 </script>
23 </head>
24 <body>
25 
26    <input type="button" id="show" value="show"  />
27    <input type="button" id="hide" value="hide"  />
28 
29    <br><br>
30 
31    <div id="test" style="background-color:pink;width:200px;height:200px">
32    Test
33    </div>
34 
35 </body>
36 </html>




 
  


  
bl  br