title: How do I show and hide input when anchor tag is clicked?
body: <p>How do I hide the <code>label</code> and show the <code>input</code> when <code>Edit</code> is clicked and show <code>label</code> and hide the <code>input</code> when <code>Cancel</code> is clicked?</p>
  
  <pre><code>&lt;label class="lblProfile"&gt;First Name: &lt;/label&gt;
  &lt;label class="ansProfile"&gt;${resident.firstname}&lt;/label&gt;
  &lt;input id="firstname"name="firstname" type="text" placeholder="${resident.firstname}"/&gt;
  &lt;a&gt; Edit &lt;/a&gt;
  &lt;a&gt; Cancel &lt;/a&gt;
  </code></pre>
  
  <p>Can anyone show me how do I code it?</p>