您的位置：首页 > Web前端 > JavaScript

js点击子菜单折叠,再点击子菜单展开

2016-02-23 13:06 579 查看
<html>

<head>

<title>home_work_2</title>

<script language="javascript">

function f(str){

var sub_menu = document.getElementById(str);

var dis_v = sub_menu.style.display;

if(dis_v == "none")

sub_menu.style.display = "block";

else

sub_menu.style.display = "none";

}

</script>

</head>

<body>

<table cellspacing="0" cellpadding="0" border="1">

<tbody>

<tr onclick = "f('sub_menu_1')">

<td>主菜单<人事统计></td>

</tr>

<tr>

<td>

<table id="sub_menu_1" >

<tbody>

<tr><td>姓名</td><td>编号</td></tr>

<tr><td>周星星</td><td>9527</td></tr>

<tr><td>刘备</td><td>1000</td></tr>

</tbody>

</table>

</td>

</tr>

<tr onclick = "f('sub_menu_2')">

<td>主菜单<财务统计></td>

</tr>

<tr>

<td>

<table id="sub_menu_2" >

<tbody>

<tr><td>成本</td><td>收益率</td></tr>

<tr><td>运输</td><td>0.7</td></tr>

<tr><td>材料</td><td>0.8</td></tr>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

</body>

</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航