toggle показать div с javascript. Начните скрывать, щелкните, чтобы показать

Question

Я хотел бы переключить, видно ли div с помощью кнопки, чтобы скрыть/открыть div на клик.

У меня есть код, который будет делать это, но div отображается на странице по умолчанию. Я бы хотел, чтобы div начал скрываться и отображался только при щелчке зрителя.

Вот код, который я использую в настоящее время. Есть ли способ изменить это, чтобы div начал скрываться?

<script> 
function myFunction() { 
    var x = document.getElementById('myDIV'); 
    if (x.style.display === 'none') { 
     x.style.display = 'block'; 
    } else { 
     x.style.display = 'none'; 
    } 
} 
</script> 

<button onclick="myFunction()">Enquire Now &gt;</button> 
<div id="myDIV"> 
    <form action="/post.php" method="post"> 
     <p>Enter your contact details</p> 
     <p> 
     Name: <input type="text" name="name"><br> 
     Tel: <input type="tel" name="tel"><br> 
     Email: <input type="email" name="email" value="Email Address"></p> 

     <p><input type="submit"></p> 
    </form> 
</div> 

Answer 1

Изменить

<div id="myDIV"> 

в

<div id="myDIV" style="display: none;"> 

Answer 2

Вы можете использовать style атрибут:

<div id="myDIV" style="display: none">