Jquery событие в ASP MVC 3 веб-приложения

Question

Я разрабатываю 3 приложений ASP.Net MVC с помощью C# и SQL Server 2005.

Я хотел бы создать событие Jquery на кнопке. Это похоже на аккордеонную анимацию.

У меня уже есть шаблон, в котором я использовал пример, и я хочу переделать его другой кнопкой.

Это video, описывающие это событие.

К сожалению, я не размещал ни одного кода, потому что не нашел, где сценарий этого события.

Но, я отредактирую свое сообщение для любого запроса.

Спасибо за понимание :)

это мнение Gestion, который я хотел бы показать, когда я нажимаю на кнопку:

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<MvcApplication2.Models.FlowViewModel>" %> 


<asp:Content ID="loginTitle" ContentPlaceHolderID="TitleContent" runat="server"> 
    Gestion 
</asp:Content> 

<asp:Content ID="loginContent" ContentPlaceHolderID="MainContent" runat="server"> 
    <h2>Gérer</h2> 
    </asp:Content> 

Это класс GestionHelper, который я создал следующий пример другая кнопка:

namespace Helpers 
{ 
    public static class GestionHelper 
    { 
     public static string GestionLinkHelper(this HtmlHelper helper){ 
      string currentControllerName = (string)helper.ViewContext.RouteData.Values["controller"]; 
      string currentActionName = (string)helper.ViewContext.RouteData.Values["action"]; 

      var sb = new StringBuilder(); 

      sb.Append("<div id=\"gestionlink\">"); 

      sb.Append(helper.ActionLink("aaaaa", "Gestion", "Anouar")); 
      sb.Append("</div>"); 
      return sb.ToString(); 
     } 
    } 
} 

I создаст новый контроллер с именем AnouarController:

namespace MvcApplication2.Controllers 
{ 
    [HandleError] 
    public class AnouarController : Controller 
    { 
    // 
    // GET: /Anouar/ 

    public ActionResult Gestion() 
    { 
     return View(); 
    } 
    } 
} 

и, наконец ,,, это то, что я добавляю в представлении канала связи (которые позволяют действие):

<%= Html.GestionLinkHelper() %> 

Answer 1

Если я вас понимаю, добавить кнопку и вашей целевой DIV

<input type="button" value="Show Gestion" id="btnShowGestion" /> 
<input type="button" value="Hide Gestion" id="btnHideGestion" /> 
<div id="divGestion"></div> 

Добавить JQuery Готовк

<script type="text/javascript"> 

    $(document).ready(function() { 

    $('#divGestion').load('/Anouar/Gestion'); 

    $('#btnShowGestion').click(function() { $('#divGestion').show() }); 
    $('#btnHideGestion').click(function() { $('#divGestion').hide() }); 

    }); 

</script> 

Не зная, что действие Ajax вы хотите выполнить, я предположил, у ou захотелось загрузить частичный вид в div.