title: How to make my tree view display the data even after go into the child page?
body: <p>I got a design of tree view in MVC Layout with using bootstrap and jquery in it. I got a "Master" text in tree view parent inside got "Details1" as Child 1 / "details2" as child 2 . What is my issue is, whenever I click the "Details1 "(child1), it takes me to the Details 1 page , but all the child classes wrap up and collapse back with the parent in my tree view. I want my child data's to be collapsed with the parent data, only during page load and whenever we click the parent. All other time and whenever we click child page link, I don't want data's to be collapsed and I want all child class displays below the parent.How to make it.?</p>
  
  <p>the code we used for our tree view is below..</p>
  
  <pre><code>&lt;ul class="sidebar-menu"&gt;
                      &lt;li class="treeview"&gt;
                          &lt;a href="#"&gt;
                          &lt;i class="fa fa-clipboard" aria-hidden="true"&gt;&lt;/i&gt;&lt;span&gt;Masters&lt;/span&gt; &lt;span class="pull-right-container"&gt;&lt;i class="fa fa-angle-right pull-right"&gt;&lt;/i&gt;&lt;/span&gt;&lt;/a&gt;
                          &lt;ul class="treeview-menu"&gt;
                              &lt;li&gt;&lt;a href="/Detail1"&gt;&lt;i class="fa fa-angle-right" aria-hidden="true"&gt;&lt;/i&gt; Detail1&lt;/a&gt;&lt;/li&gt;
                              &lt;li&gt;&lt;a href="/Detail2"&gt;&lt;i class="fa fa-angle-right" aria-hidden="true"&gt;&lt;/i&gt; Detail2&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;
  </code></pre>