javascript - 切换可见性(从 2 个 DIV 开始；如果 1 个 DIV 可见，则另一个不可见，反之亦然)

Question

我有一个切换菜单。 2 个 div 的超链接。

我从网上找到了以下代码。它按预期工作。由于我只希望 1 个 div 可见，因此我尝试编辑代码。我不懂 JavaScript。我尝试编写类似于 PHP 的代码。

暂时代码不起作用。 (它在点击时不执行任何操作)

原始代码

<script type="text/javascript">
    function toggle_visibility(id) {
    var e = document.getElementById(id);
    if(e.style.display == 'none') 
    e.style.display = 'block'; 
    else e.style.display = 'none';}
</script>

编辑后的无效代码

默认情况下，两个 DIV 都是隐藏的。

我要求“只有 1 个同时可见。”

注意: 2 个 div 的 2 个 ID 信息是:

1. 搜索
2. 菜单

我知道下面的代码是不够的，即使它是好的，但你能告诉我我暂时错在哪里吗？

<script type="text/javascript">
    function toggle_visibility(id) 
    {
        var e = document.getElementById(id);
        if (e == 'menu' && e.style.display == 'none') 
        {
            e.style.display = 'block';
            document.getElementById('search').style.display = 'none'; 
        }
        else if (e == 'search' && e.style.display == 'none') 
        {
            e.style.display = 'block';
            document.getElementById('menu').style.display = 'none'; 
        }
    }
</script>

Answer 1

似乎您的意思是第 4 行和第 10 行的 id，而不是 e

 function toggle_visibility(id) 
    {
        var e = document.getElementById(id);
        if (id == 'menu' && e.style.display == 'none') 
            ^^
        {
            e.style.display = 'block';
            document.getElementById('search').style.display = 'none'; 
        }
        else if (id == 'search' && e.style.display == 'none') 
                 ^^
        {
            e.style.display = 'block';
            document.getElementById('menu').style.display = 'none'; 
        }
    }