在點擊按鈕時顯示div標籤

Question

加載頁面時，下面的div標籤應該隱藏。當按鈕被點擊時div應該顯示。我使用asp.net mvc的剃刀

<div id="field"> 
     @Html.LabelFor(model => model.createSetting.Name) 
     @Html.TextBoxFor(model =>model.createSetting.Name, new { @class = "span6 m-wrap" }) 
     @Html.ValidationMessageFor(model => model.createSetting.Name) 

     @Html.LabelFor(model => model.createSetting.ExternalCode) 
     @Html.TextBoxFor(model =>model.createSetting.ExternalCode, new { @class = "span6 m-wrap"}) 
     @Html.ValidationMessageFor(model => model.createSetting.ExternalCode) 
</div> 
<input type="button" value="Add Setting" id="btnAddSetting" class="btn green"/> 

Answer 1

設置你的div最初隱藏：

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

然後使用jQuery添加單擊事件來顯示DIV：

<input onclick="javascript:$('#field').show();" .... />