Javascript 在当前链接上打开菜单

假设我有一个4到5级的菜单。在大多数情况下，选择菜单将打开相同的窗口。以下是一些html：

<div class="container">
   <div class="trigger">Click Here</div>
   <div class="menu">
      <ul>
         <li>
            <a href="blah.aspx">Main</a>
            <ul>
                <li>
                   <a href="blah1.aspx">First</a>
                   <ul>
                      <li>
                          <a href="blah3.aspx">Third</a>
                          <ul>
                              <li>
                                 <a href="blah5.aspx">Five</a>
                              </li>
                              <li>
                                 <a href="blah6.aspx">Six</a>
                              </li>
                          </ul>
                      </li>
                      <li>
                          <a href="blah4.aspx">Fourth</a>
                      </li>
                   </ul>
                </li>
                <li>
                   <a href="blah2.aspx">Second</a>
                </li>
           </ul>
      </ul>
   </div>
</div>

点击这里

如果你点击“第三个”，你进入该页面，当你到达该页面并再次点击菜单时，它将打开，在顶部显示“第三个”标题及其子项，而不是像通常那样打开它？

如果页面加载（点击链接后）

您需要首先指出已加载的页面，例如：blah3.aspx或blah4.aspx

然后，为了重新设置列表的范围，您必须获得列表项的html内容，该内容应显示在顶部菜单上

<div class="menu">
      <ul>
         <li>
            <a href="blah.aspx">Main</a>
            <ul>
                <li>
                   <a href="blah1.aspx">First</a>
                   <ul>
                      <li id="page3">
                          <a href="blah3.aspx">Third</a>
                          <ul>
                              <li>
                                 <a href="blah5.aspx">Five</a>
                              </li>
                              <li>
                                 <a href="blah6.aspx">Six</a>
                              </li>
                          </ul>
                      </li>
                      <li>
                          <a href="blah4.aspx">Fourth</a>
                      </li>
                   </ul>
                </li>
                <li>
                   <a href="blah2.aspx">Second</a>
                </li>
           </ul>
      </ul>
   </div>

使用以下方法从列表中删除列表项：

使用以下方法将保存的内容添加到列表的开头：

$（“.menu ul”）.prepend（“
”+treeststructure+”
”）；

var treeStructure = $("#page3").html;

$("#page3").remove();

$(".menu ul").prepend("<li>" + treeStructure + "</li>");