Как сделать чтобы блок А закрывался, а блок Б открывался?

Question

[IGrch]

2 блока. Блок А и Б разворачивается и сворачивается по нажатию на ссылку.
Проблема в том, что их можно развернуть одновременно.
Задача: при нажатии на ссылку блока А, идет проверка свернут или развернут блок Б, если развернут, то свернуть блок Б и развернуть блок А.
Т.е. единовременно может быть развернут только один блок.

<script type="text/javascript" language=javascript>
function Act_Me (SomeID) {
var TheID=document.getElementById(SomeID);
if (TheID)
 TheID.style.display=(TheID.style.display=="none"?"block":"none");
}
</script>

Контекст:

<div style="cursor: pointer;" onclick="Act_Me('o1');"> 
<p id="o1">…</p>
</div>

 <div style="cursor: pointer;" onclick="Act_Me('o2');"> 
<p id="o2">…</p>
</div>

Comments

[Froggyweb]

У тебя вообще ничего не происходит. Может ИД нет?

[IGrch]

Да, id забыл, поправил, но может он не там))) код на работе, пишу из дома. Но не суть, он работает, мне бы с JS подсказать((

Answer 1

[Alex Ander]

IGrch,
Ну допустим вызываем функцию Act_Me ('o1'), в каком месте оно у тебя проверяет закрыт\открыт ли id="o2"
Попробуй разобраться:

• https://www.w3schools.com/howto/howto_js_accordion.asp
  
• https://habr.com/post/174029/
  

Answer 2

[Basitkhan Mansurov]

Просто проверяй display какой стоит, если уже внутри пиши свой код

Answer 3

[Павел Корнилов]

dbmast.ru/5-variantov-odnogo-menyu-akkordeon
см. п.2