title: How to keep a table hidden on load and then show it on button click
body: <p>Hi I am trying to achieve the hiding and showing the table. while loading the page table should be hide and when I click button it has to visible. for that I have created a table under div and created a button and created script function.
          Here is table with div
       //div for table
                              
                                  
                                      
                                          
                                              
                                                  
                                                      Name of Company
                                                      Address of Company
                                                      Company Phone Number
                                                  
                                                  
                                                      
                                                          
                                                      
                                                          
                                                      
                                                          
                                                  
                                              
                                          
                                      
                                  
                              
                          </p>
  
  <p>Code for button,</p>
  
  <pre><code>&lt;asp:Button ID="AddMore_Button" runat="server" Text="Add More" class="btn btn-primary" OnclientClick="AddMore_Button"/&gt;   //button for displaying table
  </code></pre>
  
  <p>when I click the button nothing happens. 
          Here the script,</p>
  
  <pre><code>&lt;script&gt;
              $(document).ready(function () {
                  $('#AddMoreDetails').hide()
                  $('#AddMore_Button').click(function () {
                      $("#AddMoreDetails").fadeToggle('fast');
                  });
              });
              &lt;/script&gt; 
  
  While page loading table is hiding but when I click button it is not triggering. Any help..??
  </code></pre>