.style1{ display:flex !important; } .style2{ display:none !important; } input[type=button]::after{ display:none; } #jdl-button2{ display:none; } #articleBlock{ display:none; } #articleBlock1{ display:none; } #jdl-button1::after{ display:none;} #jdl-button2::after{ display:none;} function myFunction() { document.getElementById('articleBlock').setAttribute("class", "style1"); document.getElementById('jdl-button1').setAttribute("class", "style2"); } function myFunction2() { document.getElementById('articleBlock1').setAttribute("class", "style1"); document.getElementById('jdl-button2').setAttribute("class", "style2") }