后台管理系統左側菜單欄顯示隱藏

/**
 * 左側菜單欄隱藏與顯示
 * @param span
 */
function toggle(span) {//span->this
    if (span.className === "open") {
        span.className = "closed";
        span.nextElementSibling.className = "hide";
    }
    else {//否則
        var oldSpan = document.querySelector(".open");
        if (oldSpan != null) {
            oldSpan.className = "closed";
            oldSpan.nextElementSibling.className = "hide";
        }
        span.className = "open";
        span.nextElementSibling.className = "show";
    }
}

.middle .left li span {
    cursor: pointer;
}

.middle .left .show {
    display: block;
}

.middle .left .hide {
    display: none;
}

.middle .left .open {
    color: deepskyblue;
}