On my Bootstrap website, I have a mobile menu that looks like this:
<a class="nav-link" href="#" id="shop_submenu" role="button" data-bs-toggle="dropdown" aria-expanded="true" data-bs-auto-close="true">
Rent Costumes
</a>
When a user clicks on it, the menu expands to show the items inside. Inspecting it reveals that a class 'show' is added, and clicking it again should remove the class and close the menu:
<a class="nav-link show" href="#" id="shop_submenu" role="button" data-bs-toggle="dropdown" aria-expanded="true" data-bs-auto-close="true">
Rent Costumes
</a>
However, it is not closing. Can anyone provide guidance on how to make it close when clicked again? The live URL is: enter link description here
Thank you in advance