UC知道用css做的树状结构点击问题
来源：百度知道 编辑：UC知道 时间：2024/05/14 16:42:16
我用css做了一个树状结构点击后展开，然后再点击下面的子结点时显示子结点对应的页面，可是这时候本来展开的树又合住了，为什么？请高手帮我解决，下面是我的部分代码：
<div id="container">
<div class="form" onclick="document.all.child1.style.display=(document.all.child1.style.display =='none')?'':'none'" > <span class="hand">>> 考勤信息查询</span>
<div id="child1" class="child" style="display:none">
<a href="man_notice.jsp" target=rightFrame> 按时间查询</a> <br />
<a href="stu_add.jsp" target=rightFrame> 按学号查询</a> <br />
<a href="#">按区队班级查询</a> <br />
</div></div>
<div id="container">
<div class="form" onclick="document.all.child1.style.display=(document.all.child1.style.display =='none')?'':'none'" > <span class="hand">>> 考勤信息查询</span>
<div id="child1" class="child" style="display:none">
<a href="man_notice.jsp" target=rightFrame> 按时间查询</a> <br />
<a href="stu_add.jsp" target=rightFrame> 按学号查询</a> <br />
<a href="#">按区队班级查询</a> <br />
</div></div>
因为你把子菜单包含在了主菜单的DIV里面了，点击连接的时候默认也是在点击主菜单，所以就合上了。改一下就好了。
<div class="form" onclick="document.all.child1.style.display=(document.all.child1.style.display =='none')?'':'none'" > <span class="hand">>> 考勤信息查询</span>
</div>
<div id="child1" class="child" style="display:none">
<a href="man_notice.jsp" target=rightFrame> 按时间查询</a> <br />
<a href="stu_add.jsp" target=rightFrame> 按学号查询</a> <br />
<a href="#">按区队班级查询</a> <br />
</div>