Javascript 当两者都使用一个ID时，组合2（或3）个Java脚本

只是在学习HTML和JS的过程中，需要将两个功能结合起来——这两个功能都是独立工作的。我已经浏览了这些建议，并尝试了3种不同的方法，但我仍然无法找到答案。 我有一个链接，点击时会显示一个隐藏的div，现在我需要将文本更改为“Close”…默认值为Close，文本为open。这两个Java脚本都是独立工作的。 我无法将外部文件与此一起使用

我的问题是:

如何使下面的3个功能从一个链接开始工作

JavaScript文件1

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

JavaScript文件2

function openTri() {
    document.getElementById('tri').innerHTML = "<a href='javascript:cloTri()'>Open</a>";
}
function cloTri() {
    document.getElementById('tri').innerHTML = "<a href='javascript:openTri()'>Close;</a>";
}

函数openTri（）{ document.getElementById（'tri'）.innerHTML=“”； } 函数cloTri（）{ document.getElementById（'tri'）.innerHTML=“”； }

---

我在猜测你想做什么，但可能是这样

function toggle_visibility(id) {
    var e = document.getElementById(id);
    if(e.style.display == 'none') {
        e.style.display = 'block';
        document.getElementById('tri').innerHTML = "<a href='javascript:openTri()'>Close;</a>";
    }
    else {
        e.style.display = 'none';
         document.getElementById('tri').innerHTML = "<a href='javascript:cloTri()'>Open</a>";
    }
}

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

我不确定这里是否有问题？代码中到底出了什么问题？您想要组合两个函数，好吗。但是这里有3个函数…第一个文件的内容与第二个文件有什么关系？该toggle_visibility函数似乎没有从第二个文件调用。第二个文件看起来应该可以正常工作-你说的“一个链接”是什么意思？你想让一个链接调用一个函数，并让函数决定是否打开/关闭？它只意味着一个文件-一个带有详细信息切换的摘要行。当我点击链接时，我需要显示div，文本也需要更改。我把它们分开张贴，因为它们是分开工作的。我试着合并它们，但实际上什么也没发生——就是这样！非常感谢-我确实尝试过类似的东西，但我的元素具有相同的id-可能是最基本的错误之一…非常感谢并抱歉浪费了您的时间