title: Getting started with Meteor: Show/Hide Templates on click
body: <p>I have two template forms in a page one for "Log In" and another "Sign Up". Understood to use <code>Accounts</code> package from documentation. But could not figure out how to toggle between these two forms when user clicks on "Log In" link or "Sign Up" link?
  <br/>Code:</p>
  
  <pre><code>&lt;body&gt;
  &lt;div class="blog-masthead"&gt;
        &lt;div class="container"&gt;
          &lt;nav class="blog-nav"&gt;
            &lt;a class="blog-nav-item" href="#"&gt;Home&lt;/a&gt;
            &lt;a class="blog-nav-item active" href="#"&gt;Login&lt;/a&gt;
            &lt;a class="blog-nav-item active" href="#"&gt;Sign Up&lt;/a&gt;
            &lt;a class="blog-nav-item" href="#"&gt;About&lt;/a&gt;
          &lt;/nav&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      {{&gt; signInForm}}
  &lt;/body&gt;
  &lt;template name="signInForm"&gt;
      &lt;div class="container"&gt;
        &lt;form class="form-signin" role="form" id="signInForm"&gt;
          &lt;h2 class="form-signin-heading"&gt;Please Log in&lt;/h2&gt;
          &lt;input type="email" class="form-control" placeholder="Email address" required="" autofocus="" id="login-email"&gt;
          &lt;input type="password" class="form-control" placeholder="Password" required="" id="login-password"&gt;
          &lt;div class="row"&gt;
             &lt;label class="remember-me"&gt;
                  &lt;input type="checkbox" name="remember-me" value="remember-me" id="remember-me" &gt; Remember me
             &lt;/label&gt; 
             &lt;a href="#" class="pull-right"&gt;Forgot Password&lt;/a&gt;
          &lt;/div&gt;
          &lt;button class="btn btn-lg btn-primary btn-block" type="submit"&gt;Log in&lt;/button&gt;
          &lt;p class="text-left"&gt;First time user?  &lt;a href="#"&gt;Register&lt;/a&gt;&lt;/p&gt;
        &lt;/form&gt;
  
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;template name="signUpForm"&gt;
      &lt;div class="container"&gt;
        &lt;form class="form-signin" role="form" id="signUpForm"&gt;
          &lt;h2 class="form-signin-heading"&gt;Please sign up&lt;/h2&gt;
          &lt;input type="text" class="form-control" placeholder="Name" required="" autofocus="" id="signup-name"&gt;
          &lt;input type="email" class="form-control" placeholder="Email address" required="" autofocus="" id="signup-email"&gt;
          &lt;input type="password" class="form-control" placeholder="Password" required="" id="signup-password"&gt;
          &lt;button class="btn btn-lg btn-primary btn-block" type="submit"&gt;Sign Up&lt;/button&gt;
          &lt;p class="text-left"&gt;Already have account?  &lt;a href="#"&gt;Login&lt;/a&gt;&lt;/p&gt;
        &lt;/form&gt;
  
      &lt;/div&gt;
  </code></pre>