MVC4隱藏/顯示用javascript

Question

部分，我有以下的JavaScript嵌入在我看來：

<script type="text/javascript"> 
    var Scripts = { 

     showAddressForm: function (isNew) { 
      if (isNew) { 
       $('#newaddress-form').show(); 
      } else { 
       $('#newaddress-form').hide(); 
      } 
     }, 
    }; 
</script> 

功能稱爲在下拉列表中的「的onchange」事件。這工作正常。但是，頁面最初加載時，表單可見。我希望它被隱藏在這部分代碼中：

@if (Model.Addresses.Count > 0) 
{ 
    //Call function to hide address form 

    //List dropdownlist items here... 
} 

這是做什麼的正確調用？

Answer 1

渲染的形式與style="display: none;"被隱藏或將其設置在你的CSS：

#newaddress-form { display: none; } 

Answer 2

爲什麼不只是做...

@if (Model.Addresses.Count > 0) 
{ 

    //Call function to hide address form 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      Scripts.showAddressForm(false); 
     }); 
    </script> 
    //List dropdownlist items here... 
}