js节点折叠简单代码！

来源：互联网发布：李蛋女朋友淘宝店编辑：程序博客网时间：2024/05/15 23:43

第二种类型

<!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=gb2312" /><title>无标题文档</title></head><mce:script type="text/javascript"></mce:script><body><div id="center"> <div id="left"> <ul> <li><a href="#" mce_href="#" onclick="showContent(0)">链接一</a></li> <li><a href="#" mce_href="#" onclick="showContent(1)">链接二</a></li> <li><a href="#" mce_href="#" onclick="showContent(2)">链接三</a></li> <li><a href="#" mce_href="#" onclick="showContent(3)">链接四</a></li> </ul> </div> <div id="right" style="width:200;height:100;background-color:#abcdef"> <div class="a" style="display:none" mce_style="display:none">一的内容</div> <div class="b" style="display:none" mce_style="display:none">二的内容</div> <div class="c" style="display:none" mce_style="display:none">三的内容</div> <div class="d" style="display:none" mce_style="display:none">四的内容</div> </div></div> </body></html>

第三种

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML><HEAD><TITLE> New Document </TITLE><META NAME="Generator" CONTENT="EditPlus"><META NAME="Author" CONTENT="qkhhcelb"><META NAME="Keywords" CONTENT=""><META NAME="Description" CONTENT=""><SCRIPT LANGUAGE="JavaScript">function showmenu(n) { if (eval("div"+n).style.display=="inline") { eval("div"+n).style.display="none"; } else { hiddenall(); eval("div"+n).style.display="inline"; }}function hiddenall(){ for (i=1;i<4 ;i++ ) { eval("div"+i).style.display="none"; } }</SCRIPT></HEAD><BODY><TABLE width="150" border="1"><TR> <TD><a href="#" mce_href="#" onclick="showmenu(1)">新闻管理</a><br><div id="div1" style="display:none" mce_style="display:none"><a href="#" mce_href="#">添加新闻</a><br>删除新闻<br>修改新闻</div></TD></TR><TR> <TD><a href="#" mce_href="#" onclick="showmenu(2)">音乐管理</a><br><div id="div2" style="display:none" mce_style="display:none">添加音乐<br>删除音乐<br>修改音乐</div></TD></TR><TR> <TD><a href="#" mce_href="#" onclick="showmenu(3)">其他管理</a><br><div id="div3" style="display:none" mce_style="display:none">添加其他<br>删除其他<br>修改其他</div></TD></TR></TABLE></BODY></HTML>

第四种自己写的但是在火狐可以，在ie不行

<!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=gb2312" /><title>无标题文档</title><mce:script type="text/javascript"></mce:script></head><body><mce:script type="text/javascript"></mce:script></body></html>

第五种自己写的ie正常显示

<!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=gb2312" /><title>无标题文档</title><mce:script type="text/javascript"></mce:script></head><body><mce:script type="text/javascript"></mce:script></body></html>