JavaScript，打开另一个选项卡时关闭选项卡

我已经找了好几个小时的答案了，所以我不得不来这里寻求一些帮助

问题：我有几个href标签，可以根据您单击的选项卡打开地图或列表，我的问题是，我需要将地图默认设置为打开，当您单击列表选项卡时，地图将关闭并打开列表（因此，基本上当您单击一个时，另一个将关闭，反之亦然）

这是我的密码

HTML:

---

任何帮助都将不胜感激！提前谢谢

尝试使用元素。style.display=“无”

要在页面加载时显示地图，可以向文档附加一个函数，该函数将在页面加载后执行

document.attachEvent("onreadystatechange", function(){
    this.getElementById('townmap').style.display = "block";
});

不过，我总是建议使用纯JavaScript。如果你以前没有考虑过的话，你会发现大多数事情比现在的脚本要少得多脚本，

你试过了吗？ 这是一个很好的插件，它将为您提供您试图创建的功能

然而，看看你的代码，你为什么不在里面放一行代码来隐藏另一个div呢

function showDiv() {
    document.getElementById('townmap').style.display = "block";
    document.getElementById('townlistings').style.display = "none";
}

function showListings() {
    document.getElementById('townlistings').style.display = "block";
    document.getElementById('townmap').style.display = "none";
}

Diplay=“none”

将隐藏div。或者，如果您正在使用jQuery（如标签所示），您可以尝试以下操作：

function showDiv() {
    $('#townmap').show();
    $('#townlistings').hide();
}

function showListings() {
    $('#townlistings').show();
    $('#townmap').hide();
}

---

这管用！我不知道为什么我没有想到使用jQuery，哈哈，我想我只是做了一个完全愚蠢的瞬间，并且忽略了复杂的事情！非常感谢你！

document.attachEvent("onreadystatechange", function(){
    this.getElementById('townmap').style.display = "block";
});

function showDiv() {
    document.getElementById('townmap').style.display = "block";
    document.getElementById('townlistings').style.display = "none";
}

function showListings() {
    document.getElementById('townlistings').style.display = "block";
    document.getElementById('townmap').style.display = "none";
}

function showDiv() {
    $('#townmap').show();
    $('#townlistings').hide();
}

function showListings() {
    $('#townlistings').show();
    $('#townmap').hide();
}