Javascript 切换可见性（从2个DIV开始；如果1个DIV可见，则另一个DIV不应可见，反之亦然）

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

我从网上找到了以下代码。它按预期工作。因为我只希望我的div中有1个可见，所以我尝试编辑代码。我不懂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>

功能切换\u可见性（id）{
var e=document.getElementById（id）；
如果（e.style.display==“无”）
e、 style.display='block'；
else e.style.display='none'；}

已编辑的非工作代码

<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信息为：

搜寻

菜单

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

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

功能切换\u可见性（id）
{
var e=document.getElementById（id）；
如果（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'；
}
}

第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'; 
        }
    }

---

我知道了，谢谢，问候。（8分钟后接受+1快速回复。）你太好了，谢谢，但我认为这个Q不值得+投票。