Javascript 航行问题的保留状态

您好，我正在尝试保留多页导航的状态。我已设法获取要保留的每个元素的索引，问题是设置它们。出于某些原因，似乎只设置了部分元素

我已经调试了代码，似乎有时只考虑一个元素。我不知道我在这里做错了什么。这是我的代码：

<ul id="ProductNav">
          <li>
              <h2><a href="#">@category.Key.ToUpper()</a></h2>
              <ul>
                  <li>
                      <img src="@Url.Content("~/Content/Images/arrow.gif")" class="arrow"/>
                      @Html.ActionLink(subcategory,"Index" , "Products" , new { subcat = subcategory} , null)
                  </li>
              </ul>
          </li>
      </ul>
     ......
 var menuState = JSON.parse(sessionStorage["navigation"]);

 for (var i = 0; i < menuState.length; i++) {
        var menuIndex = menuState[i].eq;
        $("ul#ProductNav li").eq(menuIndex).children("ul").css("display", "block");
 }

$("ul#ProductNav li").eq(menuIndex).children("ul").css("display", "block");