【解決方法】私が給与をクリックしているとき。新規支払い、サブメニューの支払い記録が切り替わらない..

プログラミングQA

2022.11.24

給与はメインメニューです。サブメニューの新規支払いと支払い記録。

給与計算
新しい有料
支払記録

私がいるとき給与計算をクリックします。サブメニューを表示しない

サブメニューの給与を取得するにはどうすればよいですか。

私が試したこと：

HTML

<li class="nav-item">
    <a class="nav-link" data-toggle="collapse" href="#Payroll" aria-expanded="false" aria-controls="ui-basic">
        <i class="fas fa-pound-sign fa-lg text-primary" style="margin-right: 0.7em"></i>
        Payroll
        <i class="menu-arrow text-primary"></i>
    </a>
    <div class="collapse" id="Payroll">
        <ul class="nav flex-column sub-menu">
            <li class="nav-item"><a class="nav-link" asp-controller="Pay" asp-action="Create"> New Pay</a></li>
            <li class="nav-item"><a class="nav-link" asp-controller="Pay" asp-action="Index"> Payment Records</a></li>
        </ul>
    </div>
</li>

これらのバージョンのファイルを使用しています。エラーを表示しない

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js" asp-fallback-src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js" asp-fallback-test="window.jQuery && window.jQuery.fn && window.jQuery.fn.modal">
</script>

解決策 1

<li class="nav-item">
                       <a class="nav-link" data-bs-toggle="collapse" href="#Employee" aria-expanded="false" aria-controls="ui-basic">
                           class="fas fa-users fa-lg text-primary" style="margin-right: 0.7em">
                           Employee
                           ^__i class="menu-arrow text-primary">
                       </a>
                       <div class="collapse" id="Employee">
                           <ul class="nav flex-column sub-menu">
                               <li class="nav-item"><a class="nav-link" asp-controller="Employee" asp-action="Create"> New Employee</a></li>
                               <li class="nav-item"><a class="nav-link" asp-controller="Employee" asp-action="Index"> All Employees</a></li>
                           </ul>
                       </div>
                         </li>