关闭1当另一个打开的JavaScript选项卡

Im新的JavaScript和使用和编辑代码在网上找到。关闭1当另一个打开的JavaScript选项卡

到目前为止，我有这个工程。

<script language="javascript"> 
function welcome() { 
    var ele = document.getElementById("toggleText"); 
    var text = document.getElementById("displayText"); 
    if(ele.style.display == "block") { 
     ele.style.display = "none"; 
     text.innerHTML = "welcome"; 
    } else { 
     ele.style.display = "welcome"; 
     text.innerHTML = "Planning Statements"; 
     document.getElementById("toggleText1").style.display = 'none'; 
     document.getElementById("toggleText2").style.display = 'none'; 
    } 
} 

function welcome1() { 
    var ele = document.getElementById("toggleText1"); 
    var text = document.getElementById("displayText1"); 
    if(ele.style.display == "block") { 
     ele.style.display = "none"; 
     text.innerHTML = "welcome 1"; 
    } else { 
     ele.style.display = "block"; 
     text.innerHTML = "welcome1"; 
     document.getElementById("toggleText").style.display = 'none'; 
     document.getElementById("toggleText2").style.display = 'none'; 
    } 
} 

function welcome2() { 
    var ele = document.getElementById("toggleText2"); 
    var text = document.getElementById("displayText1"); 
    if(ele.style.display == "block") { 
     ele.style.display = "none"; 
     text.innerHTML = "welcome 2"; 
    } else { 
     ele.style.display = "block"; 
     text.innerHTML = "welcome2"; 

    } 
} 
    </script> 

        <li style="text-align:left; margin-left:5px;"><a id="displayText" href="javascript:welcome();">welcome</a></li> 
        <li style="text-align:left; margin-left:5px;"><a id="displayText1" href="javascript:welcome1();">welcome 1</a></li> 
        <li style="text-align:left; margin-left:5px;"><a id="displayText2" href="javascript:welcome2();">welcome 2</a></li> 

    <div id="toggleText" style="display: none"> 
    <p>Welcome World!</p> 
    </div> 
    <div id="toggleText1" style="display: none"> 
    <p>Welcome World again!</p> 
    </div> 
    <div id="toggleText2" style="display: none"> 
    <p>Welcome World again wow!</p> 
    </div>

对我来说这是有效的。当你受欢迎时，它显示欢迎世界。当你打到欢迎1 ....它保持欢迎的世界，然后再次显示欢迎的世界。

如果功能欢迎1打开，反正有关闭功能。

来源

2013-04-12 lecardo

此代码必须被调用或附加到事件处理程序的某处，但不清楚在哪里。你所有的script标签都定义了两个函数。 'welcome（）;'和'welcome1（）;'或者'document.getElementById（'toggleText'）''还有其他什么东西？查找HTML被点击的位置或.js文件或html onclick =“toggleText（）”属性，在知道更多信息时应避免使用该属性。 –

你向我展示了两个函数，它们永远不会被可能触发它们的事件触发或引用，并且两个div中带有段落标签的div将不会因为样式属性设置而出现。这里什么都没有发生。如果某件事实际上是动态发生的，那么我认为你的意思是“作品”，这并不是全部。你在看服务器代码吗？在浏览器中查看源代码。这就是完全可以看到实际构建和提供的HTML的地方。 –

请使用一些缩进，并发布所有相关的代码，以获得更好，更快的答案。 –

这应做到：

<script language="javascript"> 

function welcome() { 
    var ele = document.getElementById("toggleText"); 
    var text = document.getElementById("displayText"); 
    if(ele.style.display == "block") { 
     ele.style.display = "none"; 
     text.innerHTML = "Welcome"; 
    } else { 
     ele.style.display = "block"; 
     text.innerHTML = "Welcome"; 
     document.getElementById("toggleText1").style.display = 'none'; 
    } 
} 

function welcome1() { 
    var ele = document.getElementById("toggleText1"); 
    var text = document.getElementById("displayText1"); 
    if(ele.style.display == "block") { 
     ele.style.display = "none"; 
     text.innerHTML = "Welcome 1"; 
    } else { 
     ele.style.display = "block"; 
     text.innerHTML = "Welcome 1"; 
     document.getElementById("toggleText").style.display = 'none'; 
    } 
} 
</script> 

<div id="toggleText" style="display: none"> 
<p>Welcome World!</p> 
</div> 
<div id="toggleText1" style="display: none"> 
<p>Welcome World again!</p> 
</div>

你有什么是当你隐藏显示元素，请确保您隐藏另一个。

来源

2013-04-12 22:38:16 Kenneth

谢谢你的回答！它为我做了。最后一个问题，比方说我有另一个叫welcome2的函数，和其他2个函数一样，并且有toggletext2和。displaytext2 ，你必须隐藏部分......我想这对欢迎和welcome1：的document.getElementById（ “toggleText1”）的style.display = '无'; 的document.getElementById（ “toggleText2”）。 style.display ='none'; 但是我没有隐藏它的运气如果这有助于理解 – lecardo

它也是一样的概念，你只需要使用getElementById获取元素并设置“style”。 display ='none'“。当你添加一个新的时候，记得也要添加它们前两个功能。顺便说一句：不要忘了接受答案，如果它帮助你 – Kenneth

关闭1当另一个打开的JavaScript选项卡

回答

相关问题