js 改变不了css样式的，这是怎么回事，就单击的时候显示一下，马上又隐藏了，求解决方法
代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.
<html xmlns="http://www.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" language="jscript">
function fn(){
var d = document.getElementById("ul2");
// d.style.display="block";
// d.style["display"]="block";
// d.style.cssText="display:block";
d.className="show";
}
/*
var display = false;
function fn(){
if(display){
document.getElementById("ul2").style.display = "none";
display = false;
}
else {
document.getElementById("ul2").style.display = "block";
display = true;
}
}
*/
</script>
<style type="text/css">
.hide{
display:none;
}
.show{
display:block;
}
</style>
</head>
<body>
<div id="div">
<ul id="ul1">
<li><a href="">11</a></li>
<li><a href="">12</a></li>
<li>
<a href="" onclick="fn()">13</a>
<ul id="ul2" class="hide">
<li><a href="">0</a></li>
<li><a href="">1</a></li>
<li><a href="">2</a></li>
</ul>
</li>
<li><a href="">14</a></li>
<li><a href="">15</a></li>
</ul>
</div>
</body>
</html>
