<!DOCTYPE HTML>
<html>
  <head>
    <title>Page 2</title>
    <script src="js/jquery.min.js"></script>
  </head>
  <body>
    <h1>Page 2</h1>
    <p>Clicking the link shows text with a delay.</p>
    <a id="appear" href="#">Appear</a>
    <div id="test">
    </div>

    <p>Clicking this link makes text go away.</p>
    <a id="disappear", href="#">Disappear</a>
    <div id="magic">Magic Text</div>
  </body>

  <script type="text/javascript">
    $("#appear").bind('click',
        function(e){ $("#test").dela