var divs var btn1 = document.getElementById("btn1"); var btn2 = document.getElementById("btn2"); var btn3 = document.getElementById("btn3"); var btn4 = document.getElementById("btn4"); var btn5 = document.getElementById("btn5"); var btn6 = document.getElementById("btn6"); btn1.onclick = function(event){ event.preventDefault(); toggleDivs("COVER",this); }; btn2.onclick = function(event){ event.preventDefault(); toggleDivs("COUPLE",this); }; btn3.onclick = function(event){ event.preventDefault(); toggleDivs("EVENT",this); }; btn4.onclick = function(event){ event.preventDefault(); toggleDivs("GALLERY",this); }; btn5.onclick = function(event){ event.preventDefault(); toggleDivs("WISHES",this); }; btn6.onclick = function(event){ event.preventDefault(); toggleDivs("PROKES",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"); btn3.classList.remove("btn_active_state"); btn4.classList.remove("btn_active_state"); btn5.classList.remove("btn_active_state"); btn6.classList.remove("btn_active_state"); document.getElementById("COVER").classList.remove("shown"); document.getElementById("COUPLE").classList.remove("shown"); document.getElementById("EVENT").classList.remove("shown"); document.getElementById("GALLERY").classList.remove("shown"); document.getElementById("WISHES").classList.remove("shown"); document.getElementById("PROKES").classList.remove("shown"); document.getElementById(s).classList.add("shown"); } } //Andy dari Weddingpress - Kodingan Spesial Fullpage //Paksa Button1 Untuk Fokus or Klik jika di perlukan //btn1.focus(); btn1.click(); .elementor-editor-active .hidden{ display:block; } .hidden{ display:none; } .shown{ display: block !important; } .btn_active_state{ background-color: #FFFFFF !important; }
var divs var btn1 = document.getElementById("btn1"); var btn2 = document.getElementById("btn2"); var btn3 = document.getElementById("btn3"); var btn4 = document.getElementById("btn4"); var btn5 = document.getElementById("btn5"); var btn6 = document.getElementById("btn6"); btn1.onclick = function(event){ event.preventDefault(); toggleDivs("COVER",this); }; btn2.onclick = function(event){ event.preventDefault(); toggleDivs("COUPLE",this); }; btn3.onclick = function(event){ event.preventDefault(); toggleDivs("EVENT",this); }; btn4.onclick = function(event){ event.preventDefault(); toggleDivs("GALLERY",this); }; btn5.onclick = function(event){ event.preventDefault(); toggleDivs("WISHES",this); }; btn6.onclick = function(event){ event.preventDefault(); toggleDivs("PROKES",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"); btn3.classList.remove("btn_active_state"); btn4.classList.remove("btn_active_state"); btn5.classList.remove("btn_active_state"); btn6.classList.remove("btn_active_state"); document.getElementById("COVER").classList.remove("shown"); document.getElementById("COUPLE").classList.remove("shown"); document.getElementById("EVENT").classList.remove("shown"); document.getElementById("GALLERY").classList.remove("shown"); document.getElementById("WISHES").classList.remove("shown"); document.getElementById("PROKES").classList.remove("shown"); document.getElementById(s).classList.add("shown"); } } //Andy dari Weddingpress - Kodingan Spesial Fullpage //Paksa Button1 Untuk Fokus or Klik jika di perlukan //btn1.focus(); btn1.click(); .elementor-editor-active .hidden{ display:block; } .hidden{ display:none; } .shown{ display: block !important; } .btn_active_state{ background-color: #FFFFFF !important; }