html div 折叠问题

问题描述

我试图动态折叠创建的 div 元素，但一切看起来都很正常，但无法正常工作。我的子 div 的目的是单击并运行另一个存储过程，然后在 div 内显示另一个表。

我的 html 代码是：

<tbody>

  @if (ViewBag.TableData != null)
   {
       var xItem = (mystoreprocedure_for_myuserlist)item;
      foreach (var item in ViewBag.TableData)
       {
          <tr>
           <td style="text-align:center">
            <a href="#collapse-userdata-@xItem.UserId" 
           class="text-success"   
           data-toggle="collapse" 
           role="button" 
           aria-expanded="false" 
           aria-controls="collapse-userdata-@xItem.UserId" ><i class="fa fa-plus" ></i> </a>
           </td>
            <td> @xItem.UserName</td>
            <td>@xItem.UserLocation</td>
            <td> @xItem.UserType</td>
        </tr>
        <tr> 
           <td></td>
             <td colspan="3"> 
              <div class="collapse" id="collapse-userdata-@xItem.UserId">
                 <div class="card card-body d-block">
                   <a href="#collapse-userdetaymenu-@xItem.UserId"
                     class="text-success"
                     data-toggle="collapse"
                     role="button"
                     aria-expanded="false"
                     aria-controls="collapse-userdetaymenu-@xItem.UserId"
                     data-ajax="true"
                     data-ajax-mode="replace"
                     data-ajax-update="#userdetaymenu-div-@xItem.UserId"
                     data-ajax-loading="#loading-userdetay-@xItem.UserId"
                      data-ajax-url="@Url.Action("GetUserDetayForFilters",new { baslamaTarihi = ViewBag.StartDate,bitisTarihi= ViewBag.EndDate,userId= xItem.UserId.ToString(),shiftIds=ViewBag.shiftIds }))"
            ></a>
 <span id="loading-userdetay-@xItem.UserId" style="display:none;"> <i class="fas fa-spinner fa-spin"></i> User Details</span>
 <div class="collapse" id="collapse-userdetaymenu-@xItem.UserId">
          <div id="userdetaymenu-div-@xItem.UserId"></div>
 </div>
  </div>

    </div>
   </td>
 </tr>
           
       }
   }

</tbody>

还有我的 mystoreprocedure_for_myuserlist 对象类数据是：

       [Key]
        public Guid UniqId { get; set; }
        public int UserId { get; set; }
        public string UserLocation{ get; set; }
        public string UserType{ get; set; }

如何折叠 div ？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

bootstrap-4 collapse html