Bootstrap treeview from asp.net masterpage

1.4k Views Asked by At

I am using Bootstrap Treeview from my ASP.NET master page. Please see the sample code below. This code is in a Master page. The treeview is losing its state when going to a child page (for example, Page5). The menu gets collapsed.

What would be the best way to keep the respective treeview expanded? For example, when I go to Page 3, I want to have the secondMenuli expanded.

NOTE: I tried it without master page and it works perfectly, but I was looking to solve it using the master page.

<ul id="leftmenulist" class="sidebar-menu">
  <li id="firstMenuli" class="active">
      <a href="Home.aspx">
          <span>Home</span>
      </a>
  </li>
  <li id="secondMenuli" class="treeview">
      <a href="#">
        <span>Second Menu</span>
      </a>
      <ul class="treeview-menu">
        <li><a href="Page1.aspx">Page1</a></li>
        <li><a href="Page2.aspx">Page2</a></li>
        <li><a href="Page3.aspx">Page3</a></li>
      </ul>
  </li>
  <li id="thirdMenuli" class="treeview">
      <a href="#">
        <span>Third Menu</span>
      </a>
      <ul class="treeview-menu">
        <li><a href="Page4.aspx">Page4</a></li>
        <li><a href="Page5.aspx">Page5</a></li>
        <li><a href="Page6.aspx">Page6</a></li>
      </ul>
  </li>
</ul>

0

There are 0 best solutions below