Question

我正在尝试在1页上创建一个登录/创建帐户，堆叠在彼此的顶部。但是当你点击“登录”或“创建帐户”按钮时，它必须隐藏对方按钮。

到目前为止，我已经尝试了这一点，没有成功。

    <script>
        var toggle = function() {
        var mydiv1 = document.getElementById('leftContent');
        var mydiv3 = document.getElementById('leftTitle');

            mydiv2.style.display = 'hidden';
            mydiv4.style.display = 'hidden';
            mydiv3.style.display = 'block';
            mydiv1.style.display = 'block';
        }

        var toggle2 = function() {
        var mydiv2 = document.getElementById('leftContent2');
        var mydiv4 = document.getElementById('leftTitle2');

            mydiv2.style.display = 'block';
            mydiv4.style.display = 'block';
            mydiv3.style.display = 'hidden';
            mydiv1.style.display = 'hidden';
        }
    </script>

mydivs等于4个div，每个主题为2个“登录”＆amp; “创建帐号”。你会说，为什么4而不是2，这是因为它们上面的标题也有2个不同的div。

我希望你们能帮助我:) 我不介意尝试完全不同的东西，但我希望远离jquery，并保持它@只是纯粹的js。

Answer 1

使用 display:none 或

style.display = 'none'

然后它会开始工作！

显示：隐藏和阻止

1 个答案: