Seção 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Seção 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Seção 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Seção 4
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
var btn1 = document.getElementById("btn1");
var btn2 = document.getElementById("btn2");
var btn3 = document.getElementById("btn3");
var btn4 = document.getElementById("btn4");
btn1.onclick = function(event){
event.preventDefault();
toggleDivs("sec1");
};
btn2.onclick = function(event){
event.preventDefault();
toggleDivs("sec2");
};
btn3.onclick = function(event){
event.preventDefault();
toggleDivs("sec3");
};
btn4.onclick = function(event){
event.preventDefault();
toggleDivs("sec4");
};
function toggleDivs(s){
//reset
document.getElementById("sec1").classList.remove("shown");
document.getElementById("sec2").classList.remove("shown");
document.getElementById("sec3").classList.remove("shown");
document.getElementById("sec4").classList.remove("shown");
//show
document.getElementById(s).classList.add("shown");
}
.elementor-editor-active .hidden {
display:block;
}
.hidden {
display:none;
}
.shown {
display: block !important;
}