jQuery toggle
home
Run
screen_rotation
fullscreen
cloud_download
navigate_next
<!DOCTYPE html> <html> <head> <title>tr odd Selects all odd rows of table - jQuery Example</title> <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"> </script> <script type="text/javascript"> $(document).ready(function(){ $("#togglebutton").click(function(){ $(".demo-para").toggle(); }); }); </script> </head> <body> <a href="javascript:void(0)" id="togglebutton"> Click to toggle </a><br> <p class="demo-para">This id demo paragraph for show and hide functionality.</p> </body> </html>
<!DOCTYPE html> <html> <head> <title>tr odd Selects all odd rows of table - jQuery Example</title> <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"> </script> <script type="text/javascript"> $(document).ready(function(){ $("#togglebutton").click(function(){ $(".demo-para").toggle(); }); }); </script> </head> <body> <a href="javascript:void(0)" id="togglebutton"> Click to toggle </a><br> <p class="demo-para">This id demo paragraph for show and hide functionality.</p> </body> </html>
Copyrights@tutorialsplane.com