思路:
css隐藏的元素大部分都是display:none的元素。
用js获取响应的元素,然后修改style属性即可
例子:
控制这个tr的显示/隐藏 |
用JavaScript隐藏控件的方法有两种,分别是通过设置控件的style的“display”和“visibility”属性。
当style.display="block"或style.visibility="visible"时控件或见,当style.display="none"或style.visibility="hidden"时控件不可见。不同的是“display”不但隐藏控件,而且被隐藏的控件不再占用显示时占用的位置,而“visibility”隐藏的控件仅仅是将控件设置成不可见了,控件仍然占俱原来的位置。
你最外层的#show给了display:none,然后p.hidden又给了display:none
但是你js哪里只写了一个显示,还有另一个隐藏的没有显示,所以就不会显示了
你多写了一个css,.hidden这个类不必要,因为它们的父容器div已经被display:none了。
"http://www.w3.org/TR/html4/strict.dtd">
我给你修改了一下, 先把
改成
然后你的脚本我给你完善了一下,选中的时候显示,不选中的时候让它再隐藏回去。 你的脚本只让他显示了 ,但是如果我取消选中的话那个层还是显示的,所以给你把脚本改了一下: