LA REFERENCIA EN TUTORÍAS Y SERVICIOS ESPECIALIZADOS

var divs var btn1 = document.getElementById("ShowService1"); var btn2 = document.getElementById("ShowService2"); btn1.onclick = function(event){ event.preventDefault(); toggleDivs("ServiceDiv1",this); }; btn2.onclick = function(event){ event.preventDefault(); toggleDivs("ServiceDiv2",this); }; function toggleDivs(s,btn){ if(btn.classList.contains("btn_active_state")){ document.getElementById(s).classList.remove("shown"); btn.classList.remove("btn_active_state"); document.getElementById(s).classList.remove("shown"); return; }else{ btn1.classList.remove("btn_active_state"); btn2.classList.remove("btn_active_state"); btn.classList.add("btn_active_state"); document.getElementById("ServiceDiv1").classList.remove("shown"); document.getElementById("ServiceDiv2").classList.remove("shown"); document.getElementById(s).classList.add("shown","fade"); } } //force button1 state initialise, if required //btn1.focus(); //btn1.click();