如何将 jquery 动画添加到 mvc 2 渲染控件？

Question

有一个可以在给定页面上呈现 0 到 n 次的编辑器模板：

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<NewEmployee.Models.RequestedAccessViewModel>" %>
<fieldset style="display: inline;">
    <legend>
        <%: Model.Description %></legend>
    <div class="editor-label">
        <%: Html.LabelFor(model => model.Requested) %>
        <%: Html.CheckBoxFor(model => model.Requested)%>
    </div>
    <div class="editor-field">
        <%: Html.TextAreaFor(model => model.Comments) %>
    </div>
    <%: Html.HiddenFor(model => model.Description) %>
    <%: Html.HiddenFor(model => model.Id) %>
</fieldset>

我真正想要的是最初隐藏“注释”文本区域，并在单击复选框时向下滑动到视图中，然后滑回如果该复选框再次关闭，则退出。

我知道如何使用传统的 asp.net 来做到这一点，但对 MVC2 却不知所措。

Answer 1

使用像这样的 jQuery 函数

$(document).ready(function () {

    $("div.editor-field").hide();

    $("input:checkbox").click(function () {

         if ($(this).attr("checked")) {

              $("div.editor-field").show();                
         }
         else {
              $("div.editor-field").hide();
         }
     });
});