How to add menu toggle in jquery?

Question

JavaScript

Good evening colleagues. Created a drop down menu. But I can not add switching between visible menus.
The menu is available: https://codepen.io/anon/pen/eVmeNx
I want to achieve:
If menu: Production 1 is visible, then menu: Production 2 is hidden. And vice versa. At the moment they are both revealed.

Answer 1

In short and without going into details, then specifically for your example, this option may be suitable. Replace JS code:

$('.subnav-button').click(function () {

        $(this).next().slideToggle();
        $(this).parent().siblings().children().next().slideUp();

});

Answer 2

https://codepen.io/DimaDolgoter/pen/JpoOmK
made by analogy. red color on click, while for others it removes. adapt to your code.)