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">

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

2 个答案: