оператор if, который проверяет условие div

Question

У меня есть 5 разных div - они все установлены на display: none; Когда пользователь нажимает, div становятся видимыми (display: block;)

Я хочу сделать оператор if, который проверяет, имеют ли div значение display: block;, и как только они появятся, я хочу, чтобы всплыл еще один div.

Возможно ли это? Очень плохо знаком с javascript, и я пытаюсь быть креативным и учиться. Заранее спасибо.

Answer 1

Вы работаете с простым JavaScript или используете jQuery?

if (getComputedStyle(document.getElementById("div"))[display] === 'block')
    document.getElementById("anotherdiv").style[display] = 'block';

Надеюсь, это поможет

Answer 2

<div id="DivId">Block to check<div>
<div id="MessageBlock">Message to be gives</div>

<div onclick="runCode();">CLICK HERE</div> //user clicks on this and it runs code

<script>
function runCode(){
if(document.getElementById("DivId").style.display == "block")//Code checks if div "DivID is block"
    document.getElementById("MessageBlock").style.display = "block";//Do something such as show message block
}
</script>

Надеюсь, это направит вас в правильном направлении