Two bootstrap menus in the header, how to close?

Question

JavaScript

There are 2 menus in the header.


How to make it so that in the mobile version:
If the first menu is open, when you click on the second, the first one closes. And vice versa?
(so that only one menu can be active)

https://codepen.io/Xpycm2000/pen/ayWXxB

Answer 1

It's in the documentation

Answer 2

So it's difficult, when you click on the menu, check for the presence of the "active" class for the second menu (or which one you add there when you open it) and remove it if it is