Jquery 如何使我的树状视图在进入子页面后显示数据？

我在MVC布局中设计了一个树视图，其中使用了bootstrap和jquery。我在树视图中得到了一个“主”文本，父视图中得到了“Details1”作为子1/“details2”作为子2。我的问题是，每当我单击“Details1”（child1），它就会带我进入Details1页面，但是所有的子类都会在我的树视图中与父类一起收拢并折叠回来。我希望我的子数据仅在页面加载期间和单击父数据时与父数据一起折叠。所有其他时间，无论何时单击子页面链接，我都不希望数据被折叠，我希望所有子类都显示在父类的下方。如何制作

我们用于树视图的代码如下所示

<ul class="sidebar-menu">
                    <li class="treeview">
                        <a href="#">
                        <i class="fa fa-clipboard" aria-hidden="true"></i><span>Masters</span> <span class="pull-right-container"><i class="fa fa-angle-right pull-right"></i></span></a>
                        <ul class="treeview-menu">
                            <li><a href="/Detail1"><i class="fa fa-angle-right" aria-hidden="true"></i> Detail1</a></li>
                            <li><a href="/Detail2"><i class="fa fa-angle-right" aria-hidden="true"></i> Detail2</a></li></ul>

您可以使用JQuery或#targetid来实现这两种方式

$（函数（）{
$（“#子项”）。单击（函数（）{
$（'.treeview menu'）.addClass（'active'）；
});
});

或

---

使用target id#id

您可以使用class='active'我可以知道活动类放在哪里吗？在treeview菜单中可以吗？是的，我相信它应该在根元素上，它正在工作。。谢谢..我给了根树视图作为活动。但是，唯一的问题是，当我打开页面时，它也会显示所有内容，但在初始页面加载期间，所有内容都需要折叠。。仅在以后，所有这些都需要显示。。非常感谢，但是还有其他方法可以解决上述问题吗？有两种方法！！1.使用jquery（单击addClass（'active'）2.使用#target alsoI copy将您的代码粘贴到我的布局中，我需要在我的树代码内联调用id='child''，对吗？我只是将child作为演示id编写。但是您可以选择任何您想要的。亲爱的..我是说单击child元素（id）打开parentYes你必须先传递id='whateverid'，然后传递$（'#whateverid'）。单击（……对不起，它不起作用。我使用与你的类相同的id名称，我在树状视图的根中调用了该id。哦。我想你没有明白我的意思。单击子元素（id='Child'））并将类添加到根元素即treeview菜单中，使其非常简单

<script>
$(function(){
   $('#child').click(function(){
   $('.treeview-menu').addClass('active');
});
});
</script>