</script>
<style type=”text/css”>
body
{
font-size: 12px;
}
</style>
</head>
<body>
<!– Demo. 默认配置的Accordion菜单 –>
<div style=”width: 300px; float:left; margin-left:20px;”>
<div id=”accordion1″>
<h3><a href=”#”>菜单1</a></h3>
<div>
菜单1的内容<br />
菜单1的内容<br />
菜单1的内容<br />
菜单1的内容<br />
菜单1的内容<br />
菜单1的内容<br />
菜单1的内容<br />
</div>
<h3><a href=”#”>菜单2</a></h3>
<div>
菜单2的内容
</div>
<h3><a href=”#”>菜单3</a></h3>
<div>
菜单3的内容
</div>
</div>
</div>
<!– Demo. 取消自动高度, 可折叠 –>
<div style=”width: 300px; float: left; margin-left: 20px;”>
<div id=”accordion2″>
<h3><a href=”#”>菜单1</a></h3>
<div>
菜单1的内容<br />
菜单1的内容<br />
菜单1的内容<br />
菜单1的内容<br />
菜单1的内容<br />
菜单1的内容<br />
菜单1的内容<br />
</div>
<h3><a href=”#”>菜单2</a></h3>
<div>
菜单2的内容
</div>
<h3><a href=”#”>菜单3</a></h3>
<div>
菜单3的内容
</div>
</div>
</div>
<!– Demo. 鼠标滑动触发, 自定义图标 –>
<div style=”width: 300px; float: left; margin-left: 20px;”>
<div id=”accordion3″>
<h3><a href=”#”>菜单1</a></h3>
<div>
菜单1的内容<br />
菜单1的内容<br />
菜单1的内容<br />
菜单1的内容<br />
菜单1的内容<br />
菜单1的内容<br />
菜单1的内容<br />
</div>
<h3><a href=”#”>菜单2</a></h3>
<div>
菜单2的内容
</div>
<h3><a href=”#”>菜单3</a></h3>
<div>
菜单3的内容
</div>
