title: IE7 and IE8 problems on my jquery accordion
body: <p>i have a problem on my site one of its page is not working on ie7 and ie8 but working with other browsers, returning this error
  "Unexpected call to method or property access"
   im using jquery-1.8.3
  This is my code:
   my view...</p>
  
  <pre><code>@model SmartTimers.Models.AccountEdit
  @{
  
      ViewBag.Title = "AccountEdit";
      string userName = ViewBag.userName;
      //Guid userId = ViewBag.userId;
      int buttonid1 = 1;
      int buttonid2 = 2;
      var buttonId = ViewBag.buttonId;
  }
  
  &lt;div id="page-content"&gt;
      &lt;div class="container"&gt;
  &lt;h2&gt;
      Account Settings&lt;/h2&gt;
  
          User Name:&amp;nbsp;&amp;nbsp;@Membership.GetUser()
          &lt;div&gt;
              &lt;div id="accordion"&gt;
                 &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;input type="submit" value="Edit User Name" 
              class = "btn btn-default" id="open-profile-Username" /&gt;
                  &lt;div style="padding: 0 30px 0 30px"&gt;
  
                      &lt;h2&gt;    
                          Edit User Name&lt;/h2&gt;
                      &lt;p&gt;
                          Use the form below to change your User Name.
                      &lt;/p&gt;
                      &lt;p&gt;
                          Your Email Address will be use as your User Name also.
                      &lt;/p&gt;
  
                      @using (Html.BeginForm("AccountEdit", "Account", FormMethod.Post, new { buttonid = buttonid1, id="editUserName" }))
                      {
                          if (buttonId == 1)
                          {
  
                          @Html.ValidationSummary(true, "User Name change was unsuccessful. Please correct the errors and try again.")
                          }
                          &lt;input type="hidden" id="buttonid" name="buttonid" value="@buttonid1" /&gt;
                          &lt;div&gt;
                              &lt;fieldset&gt;
                                  &lt;legend&gt;User Name Edit&lt;/legend&gt;
                                  &lt;div class="editor-label"&gt;
                                      @Html.LabelFor(m =&gt; m.UserName)
                                  &lt;/div&gt;
                                  &lt;div class="editor-field"&gt;
                                      @userName
                                  &lt;/div&gt;
                                  &lt;div class="editor-label"&gt;
                                      @Html.LabelFor(m =&gt; m.NewUserName)
                                  &lt;/div&gt;
                                  &lt;div class="editor-field"&gt;
                                      &lt;input type="text" id="email" name="Email" class="validate[required,custom[email]] inputLong"
                                          value="" /&gt;
                                  &lt;/div&gt;
                                  &lt;p&gt;
                                      &lt;input type="submit" value="Update User Name / Email Address" class="userNameChange btn btn-default" /&gt;
                                      &lt;a class="close-profile-Username" href=""&gt;Cancel&lt;/a&gt;
                                  &lt;/p&gt;
                              &lt;/fieldset&gt;
                          &lt;/div&gt;
                      }
                  &lt;/div&gt;
  
                  &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;input type="submit" value="Change Password" class ="btn btn-default"
                      id="open-profile-Password" /&gt;
                  &lt;div style="padding: 0 30px 0 30px"&gt;
                      &lt;h2&gt;
                          Change Password&lt;/h2&gt;
                      &lt;p&gt;
                          Use the form below to change your password.
                      &lt;/p&gt;
                      &lt;p&gt;
                          New passwords are required to be a minimum of @Membership.MinRequiredPasswordLength
                          characters in length.
                      &lt;/p&gt;
  
                      @using (Html.BeginForm("AccountEdit", "Account", new { buttonid = buttonid2 }, FormMethod.Post, new { id = "passwordChangeForm" }))
                      {
                          if (buttonId == 2)
                          {
                          @Html.ValidationSummary(true, "Password change was unsuccessful. Please correct the errors and try again.")
                          }
                          &lt;input type="hidden" id="buttonid" name="buttonid" value="@buttonid2" /&gt;
                          &lt;div&gt;
                              &lt;fieldset&gt;
                                  &lt;legend&gt;Account Information&lt;/legend&gt;
                                  &lt;div class="editor-label"&gt;
                                      @Html.LabelFor(m =&gt; m.OldPassword)
                                  &lt;/div&gt;
                                  &lt;div class="editor-field"&gt;
                                      @Html.PasswordFor(m =&gt; m.OldPassword)
                                      @Html.ValidationMessageFor(m =&gt; m.OldPassword)
  
                                  &lt;/div&gt;
                                  &lt;div class="editor-label"&gt;
                                      @Html.LabelFor(m =&gt; m.NewPassword)
                                  &lt;/div&gt;
                                  &lt;div class="editor-field"&gt;
                                      @Html.PasswordFor(m =&gt; m.NewPassword)
                                      @Html.ValidationMessageFor(m =&gt; m.NewPassword)
                                  &lt;/div&gt;
                                  &lt;div class="editor-label"&gt;
                                      @Html.LabelFor(m =&gt; m.ConfirmPassword)
                                  &lt;/div&gt;
                                  &lt;div class="editor-field"&gt;
                                      @Html.PasswordFor(m =&gt; m.ConfirmPassword)
                                      @Html.ValidationMessageFor(m =&gt; m.ConfirmPassword)
                                  &lt;/div&gt;
                                  &lt;p&gt;
                                      &lt;input type="submit" value="Change Password" class="btn btn-default" /&gt;
                                      &lt;a class="close-profile-Password" id="cancelBtn"  href=""&gt;Cancel&lt;/a&gt;
                                  &lt;/p&gt;
                              &lt;/fieldset&gt;
                          &lt;/div&gt;
                      }
                  &lt;/div&gt;
              &lt;/div&gt;
              @if (User.IsInRole("Administrator"))
              {
              &lt;div style="clear: both; padding: 20px 0 10px 0"&gt;
                  @Html.ActionLink("Cancel", "ClientDetails", "Client", null, new { @class = "btn btn-default" })
              &lt;/div&gt;
              }
              else if (User.IsInRole("Employer"))
              {
                  &lt;div style="clear: both; padding: 20px 0 10px 0"&gt;
                  @Html.ActionLink("Cancel", "CustomerIndex", "Customer", null, new { @class = "btn btn-default" })
              &lt;/div&gt;
              }
              else
              {
                  &lt;div style="clear: both; padding: 20px 0 10px 0"&gt;
                  @Html.ActionLink("Cancel", "WorkerIndex", "Worker", null, new { @class = "btn btn-default" })
              &lt;/div&gt;
              }
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>this is my js:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(function () {
  
          $("#accordion").accordion({
              heightStyle: "content",
              collapsible: true,
              active: false,
              autoHeight: false,
              animated: false
  
  
          });
          $("#editUserName").validationEngine();
          var buttonid = $("#buttonid");
                  $("#changeUserForm").validationEngine();
  
          $("#open-profile-Username").click(function (e) {
              $('#open-profile-Username').attr("hidden", true);
              $('#open-profile-Password').attr("hidden", false);
              $('#editUserName').validationEngine('hide');
  
  
          });
          $("#open-profile-Password").click(function (e) {
  
  
  
              $('#NewPassword').attr("value", "");
              $('#OldPassword').attr("value", "");
              $('#ConfirmPassword').attr("value", "");
              $('#changeUserForm').validationEngine('hide');
              $('#open-profile-Password').attr("hidden", true);
              $('#open-profile-Username').attr("hidden", false);
  
  
          });
  
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>This is my layout file:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;!--[if lt IE 7]&gt;      &lt;html class="no-js lt-ie9 lt-ie8 lt-ie7"&gt; &lt;![endif]--&gt;
  &lt;!--[if IE 7]&gt;         &lt;html class="no-js lt-ie9 lt-ie8"&gt; &lt;![endif]--&gt;
  &lt;!--[if IE 8]&gt;         &lt;html class="no-js lt-ie9"&gt; &lt;![endif]--&gt;
  &lt;!--[if gt IE 8]&gt;&lt;!--&gt;
  &lt;html class="no-js"&gt;
  &lt;!--&lt;![endif]--&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=7" /&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /&gt;
      &lt;title&gt;@ViewBag.Title&lt;/title&gt;
      &lt;meta name="description" content="" /&gt;
      &lt;meta name="viewport" content="width=device-width" /&gt;
      &lt;!-- Place favicon.ico and apple-touch-icon.png in the root directory --&gt;
      &lt;link rel="stylesheet" href="@Url.Content("~/Content/normalize.css")" /&gt;
      &lt;link href="@Url.Content("~/Content/kendo.common.min.css")" rel="stylesheet" type="text/css" /&gt;
      &lt;link href="@Url.Content("~/Content/kendo.metro.min.css")" rel="stylesheet" type="text/css" /&gt;
      &lt;link href="@Url.Content("~/Content/validationEngine.jquery.css")" rel="stylesheet" type="text/css" /&gt;
      @*&lt;link href="../../Content/Site.css" rel="stylesheet" type="text/css" /&gt;*@
      &lt;link href="@Url.Content("~/Content/colorbox.css")" rel="stylesheet" type="text/css" /&gt;
      &lt;script src="@Url.Content("~/Scripts/jquery-1.8.3.min.js")" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="@Url.Content("~/Scripts/kendo.all.min.js")" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="@Url.Content("~/Scripts/modernizr-2.6.2.min.js")" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="@Url.Content("~/Scripts/jquery-ui.js")" type="text/javascript"&gt;&lt;/script&gt;
      &lt;link href='http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic|Roboto+Condensed:400,700'
          rel='stylesheet' type='text/css' /&gt;
      &lt;script src="@Url.Content("~/Scripts/jquery.validationEngine.js")" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="@Url.Content("~/Scripts/jquery.validationEngine-en.js")" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="@Url.Content("~/Scripts/jquery.colorbox.js")" type="text/javascript"&gt;&lt;/script&gt;
  
      &lt;script src="@Url.Content("https://maps.googleapis.com/maps/api/js?v=3.14&amp;key=AIzaSyD_b-Iyp4MpC2fvDSgtFVPyznZJCxIeUNw&amp;sensor=false")" type="text/javascript"&gt;&lt;/script&gt;
      &lt;link href="../../Content/css/bootstrap.css" rel="stylesheet" type="text/css" /&gt;
      &lt;link href="../../Content/css/flexslider.css" rel="stylesheet" type="text/css" /&gt;
      &lt;link href="../../Content/css/style.css" rel="stylesheet" type="text/css" /&gt;
      &lt;link href="../../Content/css/responsive.css" rel="stylesheet" type="text/css" /&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>there.. Im using asp.net mvc.. thanks ...</p>