在 html 上切换我的问题
toggleMe Issue on html
我需要一些关于切换我的帮助,,单击按钮两个后,另一个打开隐藏不一一打开,,, *对不起,我的英语不好*
我的 JS
<script type="text/javascript">
function toggleMe(a){
var e=document.getElementById(a);
if(!e)return true;
if(e.style.display=="none"){
e.style.display="block"
} else {
e.style.display="none"
}
return true;
}
</script>
我的网页
<div>
<input class="styled-button-2" onclick="toggleMe('1')" type="button" value="Text 1" />
<input class="styled-button-2" onclick="toggleMe('2')" type="button" value="Text 2" />
<input class="styled-button-2" onclick="toggleMe('3')" type="button" value="Text 3" />
<input class="styled-button-2" onclick="toggleMe('4')" type="button" value="Text 4" />
</div>
<div id="1" style="display: block;">
111111111111
</div>
<div id="2" style="display: none;">
22222222222222
</div>
<div id="3" style="display: none;">
3333333333333
</div>
<div id="4" style="display: none;">
444444444444
</div>
"
我听不懂,对不起...这就是你想要的吗?http://jsfiddle.net/030faz4L/
Javascript:
var actual_div = 1;
function toggleMe(a){
// hide the other div
document.getElementById('div_'+actual_div).style.display = 'none';
var e=document.getElementById('div_'+a);
if(!e) return false;
if(e.style.display=="none"){
e.style.display="block"
} else {
e.style.display="none"
}
actual_div = a;
return true;
}
.HTML:
<div>
<input class="styled-button-2" onclick="toggleMe('1')" type="button" value="Text 1" />
<input class="styled-button-2" onclick="toggleMe('2')" type="button" value="Text 2" />
<input class="styled-button-2" onclick="toggleMe('3')" type="button" value="Text 3" />
<input class="styled-button-2" onclick="toggleMe('4')" type="button" value="Text 4" />
</div>
<div id="div_1" style="display: block;">
111111111111
</div>
<div id="div_2" style="display: none;">
22222222222222
</div>
<div id="div_3" style="display: none;">
3333333333333
</div>
<div id="div_4" style="display: none;">
444444444444
</div>
相关文章:
- 我的jQuery插件参数没有正确启动,遇到了问题
- 在我的SPA应用程序中集成Facebook共享的问题
- 我不知道我的编码有什么问题.(JavaScript)
- 为什么不'我的窗口滚动事件根本没有启动.其他答案没有解决问题
- 我的流星路线出了什么问题
- MathJax正在复制我的方程式——为什么以及如何解决这个问题
- 在将javascript附加到我的html中时遇到问题
- 表单提交问题,如何在我的URL末尾获得ID的值
- 我的CSS/Javascript下拉菜单测试代码出了什么问题
- 在我的网站上创建一个在1-10之间不断变化的数字时遇到了问题.Javascript
- 我的代码很完美,但我现在不知道为什么我发现了问题
- 跨浏览器问题:如何调试我的网站'在windows PC的safari上的行为
- Html、css和jQuery.我的代码有问题
- 在 html 上切换我的问题
- 尝试从URL下载并用node.js保存到文件中.这是我的问题
- 我如何随机显示我的问题,所以它现在总是一样的?(JavaScript)
- 困惑为什么这个javascript导致我的问题.定义了类和原型方法
- 加载ajax调用和我的问题
- Javascript找到我的问题
- 是我的问题还是Visual Studio 2010的问题