javascript - ナビゲーションの問題の状態を保持する

Question

こんにちは、複数のページにまたがるナビゲーションの状態を保持しようとしています。保持したい各要素のインデックスを取得できました。問題はそれらを設定することです。何らかの理由で、一部の要素のみが設定されているようです。

コードをデバッグしましたが、時々 1 つの要素だけが考慮されるように見えます。ここで何が間違っているのかわかりません。コードは次のとおりです。

<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");
 }

menuState は、インデックスの配列を含むオブジェクトになりますか?これまでのところ、問題はここから始まります:

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