title: JavaScript drop down panel for an HTML page
body: <p>I was making a webpage for a presentation. The page contains a login drop down panel, as given in the below code.<br>
  I might not have an internet connection during the presentation, and therefore the below code is inadequate for the presentation. Need advice on making an equivalent drop down panel for offline viewing as well.</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;link rel="stylesheet" href="Style.css"&gt;
          &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;
          &lt;/script&gt;
          &lt;script&gt; 
              $(document).ready(function() {
                  $("#flip").click(function() {
                      $("#panel").slideToggle("slow");
                  });
              });
          &lt;/script&gt;
      &lt;/head&gt;
      &lt;body class="flat_page"&gt;
          &lt;div id="flip"&gt;
              &lt;a href="#"&gt;Login&lt;/a&gt;
          &lt;/div&gt;&lt;br&gt;&lt;br&gt;
          &lt;div id="panel"&gt;Name:&lt;input type="Text" name="username"&gt;&lt;br&gt;
              Password:&lt;input type="Password" name="username"&gt;&lt;br&gt;
              &lt;button name="Login"&gt;Login&lt;/button&gt;
          &lt;/div&gt;
          &lt;/header&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>This is my first question in Stack Overflow, I hope I didn't ask a question with ridiculously obvious answer. </p>