Quero fazer um único botão que muda de nome e esconde a div1
e mostra a div2
.
O button teria o nome div1
quando estivesse mostrando a div1
e o mesmo padrão para a div2
.
function mostrar_abas(obj) {
document.getElementById('div_aba1').style.display="none";
document.getElementById('div_aba2').style.display="none";
switch (obj.id) {
case 'mostra_aba1':
document.getElementById('div_aba1').style.display="block";
break
case 'mostra_aba2':
document.getElementById('div_aba2').style.display="block";
break
}
}
<a href="#" onclick="mostrar_abas(this);" id="mostra_aba1" >Mostra Aba 1</a> |
<a href="#" onclick="mostrar_abas(this);" id="mostra_aba2" >Mostra Aba 2</a>
<p></p>
<!-- abas -->
<div id="div_aba1" style="display:none;">
Conteúdo da aba 1
</div>
<div id="div_aba2" style="display:none;">
Conteúdo da aba 2
</div>