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

最佳答案

更改

<div id="myDIV">




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

07-28 02:25
查看更多