<html>
<head>
<title>手风琴效果</title>
<script type="text/javascript" language="javascript" src="./js/jquery.js"></script>
<script type="text/javascript" language="javascript" src="./js/jquery-ui.js"></script>
<link rel="stylesheet" href="./css/jquery-ui.css" />
<script language="javascript" type="text/javascript">
$(function(){
$("#accordion").accordion({
header:"h2",
event:"mouseover",
autoHeight:true,
fillSpace:true,
})
});
</script>
</head>
<body>
<div id="accordion" style="width:600px; height:500px; border:#00C solid 5px;">
<div>
<h2><a href="#">一</a></h2>
<div>你信不信我是手风琴</div>
</div>
<div>
<h2><a href="#">二</a></h2>
<div>你信不信我是钢琴</div>
</div>
<div>
<h2><a href="#">三</a></h2>
<div>你信不信我是蘑菇</div>
</div>
<div>
<h2><a href="#">四</a></h2>
<div>你信不信我是超人</div>
</div>
<div>
<h2><a href="#">五</a></h2>
<div>你信不信我是汽油</div>
</div>
<div>
<h2><a href="#">六</a></h2>
<div>你信不信我是大葱</div>
</div>
<div>
<h2><a href="#">七</a></h2>
<div>你信不信我不是人</div>
</div>
</div>
</body>
</html>