//method to toggle visibility of a dropdown menu by its given id

function SetVisibleByID(id) {
    document.getElementById(id).classList.toggle("show");
}

function SetVisibleByID_Flex(id) {
    document.getElementById(id).classList.toggle("showFlex");
}

function SetVisibleMobile(id1,id2){
	className = "show";
	elToBeShown = document.getElementById(id1);
	elToBeHidden = document.getElementById(id2);
	if (elToBeShown.className.includes(className)==false){
		elToBeShown.className += '-' + className; 
	}
	if (elToBeHidden.className.includes(className)){
		elToBeHidden.className = elToBeHidden.className.replace('-'+className,'');
	}
	
}



function SetVisibleByID_Flex2(id){
	className = "showFlex";
	el = document.getElementById(id);
	if (el.className.includes(className)){
		el.className = el.className.replace(' '+className,'');
	}
	else {
		el.className += ' ' + className; 
	}
      

}