Tryit Editor v2.3

Edit This Code:
<!DOCTYPE html> <html> <head> <script src="../../ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"> </script> <script> $(document).ready(function(){ $("p").live("click",function(){ $(this).slideToggle(); }); $("button").click(function(){ $("<p>This is a new paragraph.</p>").insertAfter("button"); }); }); </script> </head> <body> <p>This is a paragraph.</p> <p>Click any p element to make it disappear. Including this one.</p> <button>Insert a new p element after this button</button> <p><b>Note:</b> By using the live() method instead of bind(), the new p elements will also disappear when clicked.</p> <div><b>Note:</b> The live() method was deprecated in jQuery version 1.7, and removed in version 1.9. We have used an earlier version of jQuery (1.7 in the script tag), for this example to work.</div> </body> <!-- Mirrored from www.w3schools.com/jquery/tryit.asp?filename=tryjquery_event_live_newel by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 23 Jan 2015 08:14:43 GMT --> </html>
Result:
Try it Yourself - © w3schools.com