使用javascript切换显示div。开始隐藏，单击以显示

我想通过单击按钮隐藏/显示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>

函数myFunction（）{
var x=document.getElementById（'myDIV'）；
如果（x.style.display=='none'）{
x、 style.display='block'；
}否则{
x、 style.display='none'；
}
}
现在查询
输入您的联系方式


名称：

电话：

电邮：

更改

<div id="myDIV">

到

更改

<div id="myDIV">

到

---

您可以使用

样式

属性：

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

---

您可以使用

样式

属性：

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

将

style=“display:hidden；”“

添加到您的div将

style=“display:hidden；”“

添加到您的div