title: Angular 2 - Click to show and hide
body: <p>I want to use a button to show and hide elements in my HTML. I know i have to use a boolean in the typescript and *ngIf in the HTML.</p>
  
  <p>In my typescript i have a boolean:   </p>
  
  <pre><code>showHide: false;
  </code></pre>
  
  <p>In my HTML i have:</p>
  
  <pre><code>&lt;button (click) = "showHide=true" &lt;/button&gt;
  </code></pre>
  
  <p>I use this to hide elements. I hide my elements with the use of *ngIf="showHide" on the elements i want to hide.</p>
  
  <p>But how can i bring back the elements i have hidden with the same button?</p>