jquery effects on page load

Question

jquery jsを使用してページロードでdivを非表示にしたいとします。そして、ボタンをクリックするとそのdivを表示します。私はそれほど頑張ろうともできません。上記の はMy 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"> 

への変更：

JavaScriptの書き込みで

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

、その後：

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