Js-左侧折叠 

<!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>

　　

posted @ 2021-08-24 00:42  青烟绕指柔  阅读(28)  评论(0)  编辑  收藏  举报