Displaying submenu on left side of page when the horizontal main menu is clicked;show/hide div error
<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>

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

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

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