Переключение двух блоков с таблицами по очереди c помощью Js. Как сделать?

Question

[Роман Сергеев]

Есть два div блока. В каждом из низ по таблицы. У меня есть скрипт:
function openbox(id) {
display = document.getElementById(id).style.display;
if(display=='none') {
document.getElementById(id).style.display='block';
} else {
document.getElementById(id).style.display='none';

}
}

<div class="switches">
    <a href="#" class="knopka1" onclick="openbox('Block1'); return false">Числитель</a>
     <a href="#" class="knopka1" onclick="openbox('Block2'); return false">Знаменатель</a>
  </div>

Как сделать так, чтобы прижатии на ссылку с другим блоком , предыдущий блок автоматический скрывался и появлялся другой ?

Comments

[Ankhena]

Можно погуглить по "CSS tabs" (легко ищется) - будет вообще без JS, только чистый html+css.

Answer 1

[Ivan Stroykin]

Маленький банальный пример. От вас - улучшить его

Comments

[Роман Сергеев]

А как сделать теперь , чтобы первый блок открытым всегда был? А когда нажимал на второй , первый скрывался

[Ivan Stroykin]

Роман Сергеев: Очень просто, нужно всего лишь убрать class="hide" с блока имеющего id="table1"

[Роман Сергеев]

Иван Стройкин: Cпасибо большое. Благодарен очень Вам

[Ivan Stroykin]

Роман Сергеев: Успехов :)