Мне думается, что такие штуки реализуются посредством некоторой переменной, которая используется как флаг (интересно существуют ли другие способы).
Например,
Код:
|
<script>
var flag = 0;
</script>
<button
onclick="
d1 = document.getElementById('div1');
d2 = document.getElementById('div2');
switch (flag)
{
case 0: {d1.style.display ='none'; d2.style.display = 'block'; flag = 1; break;}
case 1: {d2.style.display ='none'; d1.style.display = 'block'; flag = 0; break;}
}
">switch
</button>
<div id="div1" style="display: block; background: lightgrey">Содержимое - 1</div>
<div id="div2" style="display: none; background: lightgreen">Содержимое - 2</div> |