title: Show/hide text box based on check box
body: <p>i`m trying to make a textbox. when check box is checked text box should be shown.but when check box is unchecked text box should be remove.This is how i implement this so far.When i clikc on check box it is showing text box. now i want to know how to remove textbox when check box is unchecked</p>
  
  <p>javascript as follow  </p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  function addbox() {
  document.getElementById('area').style.display = 'block';
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>HTML as follow</p>
  
  <pre><code>&lt;input type="checkbox" id="myCheck"  onclick="addbox();" on&gt;Add new item type
  </code></pre>
  
  <p>i want to show following form </p>
  
  <pre><code>&lt;div class="row" id="area" style="display: none;" &gt;
  Something
  &lt;/div&gt;
  </code></pre>