Как добавить анимацию 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>

Что мне действительно нравится, так это текстовая область «Комментарии», которая должна быть изначально скрыта, и сдвигаться вниз, когда флажок установлен, и выдвигаться обратно, если флажок снова отключен.

Я знаю, как бы это сделать с traditinal 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();
         }
     });
});