Jquery 以下导航代码中的所有uls都需要可折叠窗格。ASP.NETMVC

Jquery 以下导航代码中的所有uls都需要可折叠窗格。ASP.NETMVC,jquery,html,asp.net-mvc,bootstrap-4,Jquery,Html,Asp.net Mvc,Bootstrap 4,我正在努力使动态填充菜单成为可折叠菜单。我有一个大的列表来显示,中间填充了一些描述性的段落标题。我试过使用可折叠菜单,但运气不好。请查看我的HTML代码菜单,并帮助我使其可折叠: 承运人和文件 注册载波@{foreach(Model.RegisteredCarriers中的var载波){ @carrier.DisplayName 服务 @{foreach(carrier.Services中的var服务){ @service.DisplayName } } 文件 @{f

我正在努力使动态填充菜单成为可折叠菜单。我有一个大的列表来显示,中间填充了一些描述性的段落标题。我试过使用可折叠菜单,但运气不好。请查看我的HTML代码菜单,并帮助我使其可折叠:


承运人和文件
  • 注册载波@{foreach(Model.RegisteredCarriers中的var载波){
    • @carrier.DisplayName
      • 服务
          @{foreach(carrier.Services中的var服务){
        • @service.DisplayName
        • } }
      • 文件
          @{foreach(carrier.Documents中的var文档){
        • @document.DisplayName
          • 输出选项
              @{foreach(document.Options中的var选项){
            • @option.Stock.ToString(),@option.Output.ToString()
            • } }
        • } }
    } }
  • 注册文档@{foreach(Model.RegisteredDocs中的var文档){
    • @document.DisplayName
      • 输出选项
          @{foreach(document.Options中的var选项){
        • @option.Stock.ToString(),@option.Output.ToString()
        • } }
    } }

这对我来说是一个巨大的挑战。

我猜你正在尝试实现一个引导式手风琴。首先,外部div中的类拼写错误,应该是
accordion

其次,您没有使用任何使菜单实际折叠所需的
折叠
类、
数据切换
数据目标
属性

对于如何实现这一点