js菜单点击显示或隐藏效果实例代码

发布时间:2019-10-23编辑:脚本学堂
分享一例js实现点击菜单显示或隐藏的代码,实现js菜单切换效果,有需要的朋友参考下。

例子,js菜单点击显示或隐藏效果,菜单切换代码。

代码:
 

复制代码 代码示例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js菜单点击显示或隐藏效果_www.jb200.com</title>
<script type="text/javascript">
function Show_Hidden(trid){
    if(trid.style.display=="block"){
        trid.style.display='none';
    }else{
        trid.style.display='block';
    }
}
</script>
</head>
<body>
<a href="#" onclick="Show_Hidden(tr1)">申报3A级、2A级、1A级的旅游景区</a>
<table>
<tr id="tr1" style="display:none;">
<td>脚本学堂,提供专业的脚本编程、网站编程、数据库服务器管理资料。脚本学堂,提供专业的脚本编程、网站编程、数据库、服务器管理资料。
脚本学堂,提供专业的脚本编程、网站编程、数据库、服务器管理资料。脚本学堂,提供专业的脚本编程、网站编程、数据库、服务器管理资料。
脚本学堂,提供专业的脚本编程、网站编程、数据库、服务器管理资料。
</td>
</tr>
</table>
</body>
</html>