.close{
display:none;
}
dd{
display:none;
}
</style>
</head>
<body>
<dl>
<dt onclick="list()">上层目录</dt>
<dd>关于秘诀，考虑更换即可</dd>
<dd>关于秘诀，考虑更换即可</dd>
<dd>关于秘诀，考虑更换即可</dd>
<dd>关于秘诀，考虑更换即可</dd>
</dl>
<dl>
<dt onclick="list()">上层目录</dt>
<dd>关于秘诀，考虑更换即可</dd>
<dd>关于秘诀，考虑更换即可</dd>
<dd>关于秘诀，考虑更换即可</dd>
<dd>关于秘诀，考虑更换即可</dd>
</dl>
<dl>
<dt onclick="list()">上层目录</dt>
<dd>关于秘诀，考虑更换即可</dd>
<dd>关于秘诀，考虑更换即可</dd>
<dd>关于秘诀，考虑更换即可</dd>
<dd>关于秘诀，考虑更换即可</dd>
</dl>
<dl>
<dt onclick="list()">上层目录</dt>
<dd>关于秘诀，考虑更换即可</dd>
<dd>关于秘诀，考虑更换即可</dd>
<dd>关于秘诀，考虑更换即可</dd>
<dd>关于秘诀，考虑更换即可</dd>
</dl>
</body>
</html>
这样试试
------解决方案--------------------.open{
overflow:visible; height:auto;}
在展开之后，不应该再限制高度了
