Javascript

Js-左侧折叠

本文主要是介绍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>

  

这篇关于Js-左侧折叠的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!