<script> ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
$(document).ready(function() {
$("#HQ_page").attr('id',);});
function dropdown1(){
document.getElementById('dropdowncontent1').classList.toggle('notshow');
console.log('here!')
}
function dropdown2(){ document.getElementById('dropdowncontent2').classList.toggle('notshow'); }
function dropdown3(){ document.getElementById('dropdowncontent3').classList.toggle('notshow'); } function dropdown4(){ document.getElementById('dropdowncontent4').classList.toggle('notshow'); } function dropdown5(){ document.getElementById('dropdowncontent5').classList.toggle('notshow'); }
window.onclick = function(event){ var contents = document.getElementsByClassName("dropdowncontent"); var buttons = document.getElementsByClassName("dropdownbutton"); for (var i = contents.length - 1; i >= 0; i--) { if(!(event.target.id==buttons[i].id)){ if (!contents[i].classList.contains('notshow')) { contents[i].classList.add('notshow'); } } } }
</script>