HTML Code :<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>JQuery Example</title> </head> <body> <input type="button" value="hide" id="toggle_message"/> <p id="message">you can see this paragraph</p> <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/toggle.js"></script> </body> </html> JQuery Code :$('#toggle_message').click(function(){ var value = $('#toggle_message').attr('value'); $('#message').toggle('fast'); }); if(value=='Hide'){ $('#toggle_message').attr('value','Show'); }else if(value=='Show'){ $('#toggle_message').attr('value','Hide'); } }); |
Labels: JQuery