jQuery仿钉钉组织架构的选择部门功能，移动端完美树形图

在网上找了好久，实在没见到有类似的只能自己写一个

一、功能如图所示，点击选择无限下级功能

二、css

 <style>
        body{
            margin:0;
            padding:0;
            background:#ffffff
        }
        .spaceBetween {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .subordinate {
            border-left: #efecec solid 1px;
            padding: 0 4px;
            display: flex;
            align-items: center;
        }
        .subordinate p{
            font-size:10px;
            color:#0094ff
        }
        .DepartmentTree li {
            list-style: none;
            padding: 7px;
            border-bottom: #efecec solid 1px
        }
        .DepartmentTree li:hover {
            background: #f4f4f4
        }
        .DepartmentTree ul {
            background: #ffffff;
            padding: 0;
            margin: 0;
        }
    </style>

三、html

<div class="DepartmentTree">
        <ul id="ulText">
            <li id="DepartmentLine">
                <div class="sp