                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /展开与收起效果

没有动态效果啊

用DW做怎么没效果

}
#pn
{
  background:#e8e8e8;
  width:950px;
  display:block;
  margin:0 auto;
  padding:5px;
  height:auto;
  text-align:center;
}
.content
{
  margin:0 auto;
  padding:10px;
  width:950px;
  background:gray;
  text-align:center;
  height:40px;
  color:#fff;
}
</style>
<script type="text/javascript">
var h = 0;
function addH() {
if (h < 300){
  h +=5;
  document.getElementById("pn").style.height = h +"px";
}
else {
  return;
}
setTimeout("addH()",30);
}
window.onload = function showAds() {
addH();
}
</script>
</head>
<body>
<div id="pn">
<h1>
  欢迎来到慕课网</h1>
<h2>
  大幅广告</h2>
</div>
<div class="content">
慕课网欢迎你
<br/>
正文
</div>