title: Hide and show upon onclick function
body: <p>My function is working perfectly. But i cant seems to hide the button or show new buttons upon using onclick function.</p>
  
  <p>Sample:</p>
  
  <pre><code>  var download = document.getElementById('download');
    function RemoveDoc(Doc)
    {
  xmlhttp=new XMLHttpRequest();
  xmlhttp.open("GET","functions/remove.php?Doc="+Doc,true);
  xmlhttp.onreadystatechange=function()
  {
      if (xmlhttp.readyState==4 &amp;&amp; xmlhttp.status==200)
      {
  
          download.syle.visibility='hidden';
          download.style.display ='none'
          document.getElementById("RemoveMsg").innerHTML= xmlhttp.responseText;
      }
  }
  xmlhttp.send();
  
      return false;
  </code></pre>
  
  <p>}</p>
  
  <p>My form</p>
  
  <pre><code>   //I tried to add in the download button to be hidden here but still invalid
     &lt;input type="submit" id="remove" name="Name" value="Remove" onclick="return RemoveDoc(this.value); document.getElementById('download').style.visibility='hidden'; return false;" /&gt;
     &lt;input type="submit" id="download" value="download"/&gt; //want to hide this button.
     &lt;input type="file" id="reupload"/&gt; //want to show this.
  </code></pre>
  
  <p>I tried display = 'none' also invalid for my download to be disappear after function called out successfully. Kindly advise</p>