水平メインメニューをクリックするとページの左側にサブメニューが表示されます;表示/非表示divエラー

Question

私は水平メインメニューを表示しようとしていますが、メインメニューの項目をクリックするとサブメニューが垂直に表示されますページの左側。 これはマスターページです。

<div id="middlebar"> 
    <ul class="menu">       
    <li><%= Html.ActionLink("Home", "Index", "Home")%></li> 
    <li id="lnkConfiguration" ><%= Html.ActionLink("Configuration", "Index", "User")%>/li> 
    <li><%= Html.ActionLink("Application Authentication", "Index",ApplicationAuthentication")%></li> 
    <li id="lnkUserAuthentication"><%= Html.ActionLink("User Authentication", "Index", "UserAuthentication")%></li> 
    <li><%= Html.ActionLink("About", "About", "Home")%></li> 
    </ul>     
</div> 
<div> 
<table width="100%"> 
    <tr valign="middle"> 
     <td style="width:150px" > 
     <div id="divConfiguration" > 
      <%Html.RenderPartial("SubMenuConfiguration"); %> 
     </div> 
     </td> 
     <td><asp:ContentPlaceHolder ID="MainContent" runat="server" /></td> 
    </tr> 
    </table> 
</div> 

メインメニューがクリックされるまでサブメニューを非表示にしようとしています。設定メニューをクリックするとページがcontroller.Onceページがロードされ、サブメニューdisapperasに指示されたときに、サブメニューが表示されるもので起こる、

<script language="javascript" type="text/javascript"> 
$(document).ready(function() { 
    $("#divConfiguration").hide(); 
    $('#lnkConfiguration').click(function() { 
    $('#divConfiguration').show(); //.toggle(400);      
    }); 
    })      
</script> 

しかし：これはスクリプトです。これは、設定タブをクリックした後にページがリロードされると、スクリプトが再び実行されるために起こります。これを回避するには、構成ページにサブメニューが表示されないように設定する必要があります。しかし、私はどこに値を設定するか分からない。ユーザーコントローラインデックスアクションにありますか？その場合、どのようにしてマスターページのクリックイベントに値を渡すことができますか？助言がありますか？

Answer 1

私は以前はaspで作業したことがないので、これが間違っていると申し訳ありませんが、リンクの読み込みを停止し、代わりにdivを開きます。 #divConfigurationにコンテンツをロードするためにリンクが必要な場合は、私はajaxを提案します。

$(document).ready(function() { 
    $("#divConfiguration").hide(); 
    $('#lnkConfiguration').click(function(e) { 
     e.preventDefault(); 
     $('#divConfiguration').show(); //.toggle(400);      
    }); 
}); 

AJAX： のみポスト変数

 $.ajax({ 
      type: 'POST', 
      url: 'divconfiguration.asp', 
      data: 'page='$(this).attr('href'), 
      success: function (msg) { 
      $('#divConfiguration ').html(msg).show(); 
      } 
     }); 

を受けた後のdiv設定を表示するページを作成します