我想使用单击按钮隐藏/显示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 ></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>
最佳答案
更改
<div id="myDIV">
至
<div id="myDIV" style="display: none;">