title: How to Hide/Show a Button upon clicking another Button using JavaScript
body: <p>I have a button that is hidden by default but would like to make the button visible only after clicking another button.  I am using JavaScript to accomplish this but it is not working so far and I am not sure what am I doing wrong here.  </p>
  
  <p>Here is the code that fires the showButton function:</p>
  
  <pre><code> &lt;asp:Button ID="btnUpdate" runat="server" Text="SAVE" OnClick = "Update" Visible = "false" OnClientClick="return showButton();" 
      Font-Bold="False" Font-Size="Large" Height="30px" Width="157px"/&gt;
  </code></pre>
  
  <p>and here is the button that is hidden by default</p>
  
  <pre><code>&lt;asp:Button ID="btnSubmit" runat="server" Text="Submit" Width="183px" Visible="false"
      onclick="btnSubmit_Click" 
       OnClientClick="return validate();" 
        Font-Bold="True" Font-Size="Medium" Height="30px" 
        style="margin-right: 1px; margin-left: 185px;" ForeColor="#336699" /&gt;
  </code></pre>
  
  <p>and here is my javascript:</p>
  
  <pre><code>&lt;script type ="text/javascript"&gt;
      function showButton() {
          document.getElementById('btnSubmit').style.visibility = 'visible';
      }
  
  &lt;/script&gt;
  </code></pre>