<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<dl>
<dt>商品管理</dt>
<dd>商品添加</dd>
<dd>商品列表</dd>
<dd>商品删除</dd>
</dl>
<dl>
<dt>用户管理</dt>
<dd>用户添加</dd>
</dl>
<dl>
<dt>系统设置</dt>
<dd>清除缓存</dd>
<dd>重新加载</dd>
</dl>
</body>
</html>
<script src="./jquery-3.2.1.min.js"></script>
<script>
$("dt").click(function () {
$(this).siblings('dd').slideToggle();
});
</script>