切換顯示與JavaScript的div。開始隱藏，點擊揭示

我想切換div是否可見使用按鈕來隱藏/顯示點擊div。切換顯示與JavaScript的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>

來源

2017-01-20 Jamie Moffat

加上'風格= 「顯示：隱藏;」'你的DIV – Eddi