как постоянно менять свойство отображения с помощью JavaScript

Question

Сценарий:

  let menu =  function(){
        var obj = document.getElementById("hidden")
        if(obj.style.display = "block"){
           obj.style.display = "none"
       //hide the div element with an ID #Hidden
        }else{
           obj.style.display = "block"
       //else show it 
        }
      }

        // I tried using buttons too, same result.

CSS

div#hidden{
       display:none;

    }

HTML:

<a href="javascript:menu()"id="info" > INFO </a> 

<div id="hidden">
     <!-- some stuff -->
</div>

Я пытаюсь «постоянно» изменить свойство display моего элемента DIV с идентификатором «hidden», чтобы показать и скрыть -VICEVERSA

мой код JavaScript

Видимо, этот код работает, но! во время второго вызова этого события он не будет запускаться и ничего не делать с моим кодом.

коды внутри операторов if выполняются, но ничего не делают или не изменяют мое свойство display

Answer 1

см. Код ниже:

function func(){
var obj=document.getElementById("hidden");
if(obj.style.display==="block")
obj.style.display="none"
else
obj.style.display="block"
}

<p id="hidden" style="display:none">I am the text<p>
<button onclick="func()">click me</button>

Answer 2

Вы должны использовать операторы сравнения (== или ===) в if операторах, а не оператор присваивания (=)

Answer 3

Ваше if утверждение неверно. Сделайте это следующим образом

obj.style.display === "block"

здесь Вы можете найти больше об операторе сравнения в javascript