Есть такой код:
<div id="block1" class="hide-theblock" style="display: none">
</div>
<a class="btn-open-form" style="margin-left: 90px;" onclick="document.getElementById('block1').style.display=''">Открыть форму</a>
<div id="block2" class="hide-theblock" style="display: none">
</div>
<a class="btn-open-form" style="margin-left: 450px;" onclick="document.getElementById('block2').style.display=''">Открыть форму</a>
<div id="block3" class="hide-theblock" style="display: none">
</div>
<a class="btn-open-form" style="margin-left: 800px;" onclick="document.getElementById('block3').style.display=''">Открыть форму</a>
Как сделать, чтобы после открытия 1 блока при нажатии на кнопку 2, чтоб 1 закрылся, а 2 открылся и соответственно при нажатии на любой другой, чтобы открытый закрывался
Поясняю картинками, первая картинка (при нажатии на кнопку 1 открылся 1-ый блок), 2 картинка (при нажатии на кнопку 2, открылся 2-ой блок а 1-ый закрылся):
Вот здесь то самое что я хочу получить в итоге: ссылка на пример