jquery effects на загрузке страницы

Question

Я хочу скрыть div на загрузке страницы, используя jquery js. И затем одним нажатием кнопки я хочу показать, что div. я не могу даже попытаться сделать это так сложно. выше показано ниже: Моя функция jquery и Div, которые я хочу сохранить скрытыми при загрузке страницы и отображаться на событии с нажатием кнопки.

<div id="newDiv"> 
      <fieldset class="fieldset"> 
       <legend>Add Salary Allounce Type:</legend> 
       <table cellpadding="0" cellspacing="0" align="center" class="table"> 
        <tr> 
         <td> 
          <asp:Label ID="LabelAllounceType" runat="server" Text="Allounce Type:"></asp:Label> 
         </td> 
         <td> 
          <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
         </td> 
        </tr> 
        <tr> 
         <td> 
          <asp:Label ID="LabelAllounceType1" runat="server" Text="Allounce Type:"></asp:Label> 
         </td> 
         <td> 
          <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox> 
         </td> 
        </tr> 
       </table> 
      </fieldset> 
<asp:Button ID="ButtonAddNew" runat="server" Text="Add New Type" OnClientClick="" />` 
     </div> 
<script> 
    $(document).ready(function() { 
       $('#ButtonAddNew').click(function() { 
        $('#newDiv').hide(); 
       }); 

      }); 
</script> 

Answer 1

ну, ваш код говорит, что когда вы нажимаете кнопку, div должен быть скрыт. Вероятно, вы хотите что-то большее:

$(document).ready(function() { 
    $('#newDiv').hide(); // make sure the div is hidden on page load. You could also 
         // accomplish this by making it have a style of display: none 

    $('#buttonAddNew').click(function() { 
    // when the button is clicked, show the div. 
    $('#newDiv').show(); 
    }); 
}); 

Answer 2

все, что вам нужно сделать, это добавить дисплей: нет; на ваш div, а затем программно показать его.

<div id="newDiv"> 

изменения:

<div id="newDiv" style="display:none;"> 

, а затем в вашем яваскрипте пишет:

$('#ButtonAddNew').click(function(){ 
    $('#newDiv').css("display", "block"); 
});