Css 折叠树视图

我使用javascrip在MVC中查看了treeview：

    <script>
    $(function () {
        $('.tree li:has(ul)').addClass('parent_li').find(' > span').attr('title', 'Collapse this branch');
        $('.tree li.parent_li > span').on('click', function (e) {
            var children = $(this).parent('li.parent_li').find(' > ul > li');
            if (children.is(":visible")) {
                children.hide('fast');
                $(this).attr('title', 'Expand this branch').find(' > i').addClass('icon-plus-sign').removeClass('icon-minus-sign');
            } else {
                children.show('fast');
                $(this).attr('title', 'Collapse this branch').find(' > i').addClass('icon-minus-sign').removeClass('icon-plus-sign');
            }
            e.stopPropagation();
        });
    });
</script>

                            }
                            else
                            {
                            }
                            <span>
                                <a href="Detail/@i.ID">@i.Description</a>
                            </span>
                            @if (submenu > 0)
                            {
                                <ul>
                                    @Treeview.GetTreeView(siteMenu, i)
                                    @* Recursive  Call for Populate Sub items here*@
                                </ul>
                            }
                        </li>
                    }
                }
                else
                {
                    foreach (var i in siteMenu.Where(a => a.ParentID.Equals(parent.ID)))
                    {
                        <li>
                            @{var submenu = siteMenu.Where(a => a.ParentID.Equals(i.ID)).Count();}
                            @if (submenu > 0) {
                            <span>
                                <img src="~/Images/add_48.png" />
                            </span>} else {

                            }
                            <span>
                                <a href="Detail/@i.ID">@i.Description</a>
                            </span>
                            @if (submenu > 0)
                            {
                                <ul>
                                    @Treeview.GetTreeView(siteMenu, i)
                                    @* Recursive  Call for Populate Sub items here*@
                                </ul>
                            }
                        </li>
                    }
}

这是MVC视图中的HTML代码：

                            }
                            else
                            {
                            }
                            <span>
                                <a href="Detail/@i.ID">@i.Description</a>
                            </span>
                            @if (submenu > 0)
                            {
                                <ul>
                                    @Treeview.GetTreeView(siteMenu, i)
                                    @* Recursive  Call for Populate Sub items here*@
                                </ul>
                            }
                        </li>
                    }
                }
                else
                {
                    foreach (var i in siteMenu.Where(a => a.ParentID.Equals(parent.ID)))
                    {
                        <li>
                            @{var submenu = siteMenu.Where(a => a.ParentID.Equals(i.ID)).Count();}
                            @if (submenu > 0) {
                            <span>
                                <img src="~/Images/add_48.png" />
                            </span>} else {

                            }
                            <span>
                                <a href="Detail/@i.ID">@i.Description</a>
                            </span>
                            @if (submenu > 0)
                            {
                                <ul>
                                    @Treeview.GetTreeView(siteMenu, i)
                                    @* Recursive  Call for Populate Sub items here*@
                                </ul>
                            }
                        </li>
                    }
}

如果（父项==null） { foreach（siteMenu.Where中的变量i（a=>a.ParentID==null）） {

@{var submenu=siteMenu.Where（a=>a.ParentID.Equals（i.ID））.Count（）；} @如果（子菜单>0） {

                            }
                            else
                            {
                            }
                            <span>
                                <a href="Detail/@i.ID">@i.Description</a>
                            </span>
                            @if (submenu > 0)
                            {
                                <ul>
                                    @Treeview.GetTreeView(siteMenu, i)
                                    @* Recursive  Call for Populate Sub items here*@
                                </ul>
                            }
                        </li>
                    }
                }
                else
                {
                    foreach (var i in siteMenu.Where(a => a.ParentID.Equals(parent.ID)))
                    {
                        <li>
                            @{var submenu = siteMenu.Where(a => a.ParentID.Equals(i.ID)).Count();}
                            @if (submenu > 0) {
                            <span>
                                <img src="~/Images/add_48.png" />
                            </span>} else {

                            }
                            <span>
                                <a href="Detail/@i.ID">@i.Description</a>
                            </span>
                            @if (submenu > 0)
                            {
                                <ul>
                                    @Treeview.GetTreeView(siteMenu, i)
                                    @* Recursive  Call for Populate Sub items here*@
                                </ul>
                            }
                        </li>
                    }
}

}
其他的
{
}
@如果（子菜单>0）
{

@GetTreeView（站点菜单，i）
@*此处对填充子项的递归调用*@

}

} } 其他的 { foreach（siteMenu.Where（a=>a.ParentID.Equals（parent.ID））中的变量i） {

@{var submenu=siteMenu.Where（a=>a.ParentID.Equals（i.ID））.Count（）；} @如果（子菜单>0）{ }否则{ } @如果（子菜单>0） {

@GetTreeView（站点菜单，i） @*此处对填充子项的递归调用*@

}

} } 我要折叠根节点的所有子节点：级别2,3,4,5。。。（根节点是1级节点）想要treeview star。当前，此代码是在页面加载时展开所有节点

                            }
                            else
                            {
                            }
                            <span>
                                <a href="Detail/@i.ID">@i.Description</a>
                            </span>
                            @if (submenu > 0)
                            {
                                <ul>
                                    @Treeview.GetTreeView(siteMenu, i)
                                    @* Recursive  Call for Populate Sub items here*@
                                </ul>
                            }
                        </li>
                    }
                }
                else
                {
                    foreach (var i in siteMenu.Where(a => a.ParentID.Equals(parent.ID)))
                    {
                        <li>
                            @{var submenu = siteMenu.Where(a => a.ParentID.Equals(i.ID)).Count();}
                            @if (submenu > 0) {
                            <span>
                                <img src="~/Images/add_48.png" />
                            </span>} else {

                            }
                            <span>
                                <a href="Detail/@i.ID">@i.Description</a>
                            </span>
                            @if (submenu > 0)
                            {
                                <ul>
                                    @Treeview.GetTreeView(siteMenu, i)
                                    @* Recursive  Call for Populate Sub items here*@
                                </ul>
                            }
                        </li>
                    }
}

---

谢谢你

你能提供你的HTML代码吗？谢谢你的回复。我在帖子中添加了HTML代码

                            }
                            else
                            {
                            }
                            <span>
                                <a href="Detail/@i.ID">@i.Description</a>
                            </span>
                            @if (submenu > 0)
                            {
                                <ul>
                                    @Treeview.GetTreeView(siteMenu, i)
                                    @* Recursive  Call for Populate Sub items here*@
                                </ul>
                            }
                        </li>
                    }
                }
                else
                {
                    foreach (var i in siteMenu.Where(a => a.ParentID.Equals(parent.ID)))
                    {
                        <li>
                            @{var submenu = siteMenu.Where(a => a.ParentID.Equals(i.ID)).Count();}
                            @if (submenu > 0) {
                            <span>
                                <img src="~/Images/add_48.png" />
                            </span>} else {

                            }
                            <span>
                                <a href="Detail/@i.ID">@i.Description</a>
                            </span>
                            @if (submenu > 0)
                            {
                                <ul>
                                    @Treeview.GetTreeView(siteMenu, i)
                                    @* Recursive  Call for Populate Sub items here*@
                                </ul>
                            }
                        </li>
                    }
}