导航栏扩展但不关闭

Question

我的导航栏是这样设置的：

<nav class="mt-2">
    <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
        <li class="nav-item">
            <a href="#" class="nav-link">
                <i class="nav-icon fas fa-user"></i>
                <p>
                    Tasks
                    <i class="fas fa-angle-left right"></i>
                </p>
            </a>
            <ul class="nav nav-treeview">
                <li class="nav-item pl-2">
                    <a id="profile" class="nav-link" asp-controller="Manage" asp-action="Index">
                        <i class="fas fa-user"></i>
                        <span class="pl-2">View Profile</span>
                    </a>
                </li>
            </ul>
        </li>
    </ul>
</nav>

当我再次单击时，该项目会展开但不会折叠。我做错了什么？

折叠在桌面版 Chrome 中不起作用。它在手机上的 Chrome 中运行良好！