两个div关闭后显示隐藏的div

时间:2014-03-12 00:41:12

标签: javascript jquery html5 javascript-events

当我点击按钮时,绿色和黄色div关闭,但c4和c5也应该打开。现在我隐藏了它..

我不知道如何实现它......

在下面提供我的代码......

<div id="c4">content
    <button type="button">Click Me!</button>
</div>
<div id="c5">content
    <button type="button">Click Me!</button>
</div>

http://jsfiddle.net/c5WuM/11/

1 个答案:

答案 0 :(得分:0)

他们为什么要表现出来?当你点击c1时,你隐藏了另外2个,但是没有代码可以让c4和c5出现。我错过了什么吗?应该使c4和c5出现的代码在哪里?

这行代码只获取C1,C2和C3的元素。我不知道你是否期望C4和C5也在那个数组中。

this.ch  = box.getElementsByTagName('DIV');

更新:

我不知道你想把它放到你的逻辑中,但这里是你用javascript显示/隐藏C4和C5的方法。

显示元素 -

document.getElementById("C4").style.display = "block";
document.getElementById("C5").style.display = "block"; 

隐藏元素 -

document.getElementById("C4").style.display = "none"; 
document.getElementById("C5").style.display = "none";