title: How to hide/show element in Meteor?
body: <p>In my Meteor app I have a template with two divs: register and login. The code is as follows:</p>
  
  <pre><code>  &lt;div class="login"&gt;
      &lt;h1&gt; Log in. &lt;/h1&gt;
      &lt;a href"#"&gt;Create an account&lt;/a&gt;
    &lt;/div&gt;
  
    &lt;div class="register"&gt;
      &lt;h1&gt; Register. &lt;/h1&gt;
      &lt;a href"#"&gt;Log in&lt;/a&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>At first, the page should display the "login" div (which will eventually have a form in it) and the "register" div will be hidden from view. However, when I click "Create an account," the "login" div should disappear, and the "register" div should appear. At this point, if I click on "Log in" the reverse should happen. </p>
  
  <p>Essentially, I just want to be able to switch between the login and register forms on the same page. I have tried this using {{#if}} and a click event, but this was not successful.</p>
  
  <p>Anyone have an idea of how to do this? </p>