Listing 2. menu.html

<html>
 <head>
  <title>Testing menus</title>
  <link rel="stylesheet" type="text/css" media="screen"
        href="superfish.css" />
  <script type="text/javascript" src="jquery.js"></script>
  <script type="text/javascript" src="superfish.js"></script>
  <script type="text/javascript">
    $(document).ready(function () {
        jQuery('ul.sf-menu').superfish();
      });
  </script>
 </head>

 <body>
  <h1>Testing menus</h1>

  <div>
    <ul class="sf-menu sf-navbar">
      <li>
        <a href="">Account</a>
        <ul>
          <li><a id="checking-menu" href="#checking-div">Checking</a>
          </li>
          <li><a id="savings-menu" href="#savings-div">Savings</a>
          </li>
          <li><a id="credit-card-menu" href="#credit-card-div">
                    Credit card
              </a>
          </li>
        </ul>
      </li>
      <li><a id="profile-menu" href="#profile-div">Profile</a>
      </li>
      <li><a id="help-menu" href="#help-div">Help</a>
      </li>
    </ul>
  </div>
 </body>
</html>

