Collapse a Sub-Menu within Bootstrap 5 Nav - css

Question

I would like to collapse the submenus within my dropdown. In this example, under General Management, the links under User Admin - is it possible to collapse/toggle that div? Effectively I would want a submenu that was directly under (vertically) but I can't figure that out either - Anything I do creates a pop-out menu to the right while I would like to keep it in the same vertical space. I hope that makes sense.
Thanks in advance for your help!
.navFont {
font-size: 12px !important;
}
.navHeader {
font-size: 12px !important;
font-weight: bold !important;
}
<link href="https://cdn.jsdelivr.net/npm/bootstrap#5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap#5.1.3/dist/js/bootstrap.bundle.min.js"></script>
<div class="m-4">
<nav class="navbar navbar-expand-sm navbar-light bg-light">
<!---<div class="container-fluid">--->
<a class="nav-link navFont" aria-current="page" href="#">Home</a>
<a class="nav-link navFont" aria-current="page" href="#">Committee Reviews</a>
<!---Admin --->
<div class="dropdown">
Admin
<ul class="dropdown-menu">
<!---<li><h5 class="dropdown-header">Dropdown header 1</h5></li>--->
<li><a class="dropdown-item navFont" href="#">IRB Studies</a></li>
<li><a class="dropdown-item navFont" href="#">Waiting Triage</a></li>
<li><a class="dropdown-item navFont" href="#">Waiting Full Board Review</a></li>
<!---<li><h5 class="dropdown-header">Dropdown header 2</h5></li>--->
<li><a class="dropdown-item navFont" href="#">Waiting Not Full Board Review</a></li>
</ul>
</div>
<!--- End Admin--->
<!---Reporting --->
<div class="dropdown">
Reporting
<ul class="dropdown-menu">
<li><a class="dropdown-item navFont" href="#">Run Reports</a></li>
<li><a class="dropdown-item navFont" href="#">Manage Reports</a></li>
<li><a class="dropdown-item navFont" href="#">New Reports (11/18/2020)</a></li>
</ul>
</div>
<!--- End Reporting--->
<!--- General Management--->
<div class="dropdown">
General Management
<ul class="dropdown-menu">
<!--<li><h5 class="dropdown-header">Dropdown header 1</h5></li>--->
<li><a class="dropdown-item navFont" href="#">Manage Submissions</a></li>
<li><a class="dropdown-item navFont" href="#">Manage Committees</a></li>
<div class="dropdown-divider"></div>
<li><h5 class="dropdown-header navHeader">Users & Admin</h5></li>
<li><a class="dropdown-item navFont" href="#">User Access</a></li>
<li><a class="dropdown-item navFont" href="#">IRB Admin</a></li>
<div class="dropdown-divider"></div>
<li><h5 class="dropdown-header navHeader">Letters & Templates</h5></li>
</ul>
</div>
<!--- End General Management--->
<!---</div>--->
</nav>
</div>
Code