I have a navbar with several dropdown menus, and some with submenus. When I click a different navbar dropdown link, I was the others to collaspe/close and only have one open at a time. But currently, all dropdowns can be open at once which is not wanted - only one open at a time.

It should function like bare bootstrap navbar dropdowns, as in how it closes when the user clicks away from the dropdown menu: https://getbootstrap.com/docs/4.0/examples/navbars/

Snippet Here: https://mdbootstrap.com/snippets/jquery/frank_kreutzer/991081?action=forum_snippet