need a little help with toggle menu
I am building a new site which uses a drop down or toggle type menu from the top of the screen. Now the site has two menus effectively. One is the nav for the site, the other is the social media nav. Im using the following to activate the menus:
$(".menu_toggle").click(function() {
$(this).toggleClass("active");
$(".menu").slideToggle()
});
$(".social_toggle").click(function() {
$(this).toggleClass("active");
$(".social").slideToggle()
});
Ideally I would like it to action only one of these and by that i mean if 'menu' is open and someone clicks on 'social' I would like 'menu' to close and 'social' to open and obviously visa versa.
Can anyone assist with this? Im sure its quite simple but I'm a little lost with it.