InvisibleGateway-Re-usableJavaScript-Solution3HTML.html

<div class="revealGroup"> <!-- Element Group 1 -->
   <a class="revealTrigger" href="#">Log In</a>
   <form class="revealTarget" id="userLogin" ...>
      <label for="username">Username:</label>
      <input id="username" type="text" />
      <label for="password">Password:</label>
      <input id="password" type="password" />
   </form>
</div>
<div class="revealGroup"> <!-- Element Group 2 -->
   <a class="revealTrigger" href="#">Login Help</a>
   <div class="revealTarget">
      <p>Enter your username and password to log in.</p>
   </div>
</div>