@charset "UTF-8"; a { color:#2fa0ec; text-decoration:none; outline:none; } a:hover,a:focus { color:#74777b; } ul.ytree { margin:0; padding:1.2em; min-width:245px; float:left; } ul.ytree ul { margin-left:1em; } ul.ytree li { list-style:none; } ul.ytree a { display:block; padding:5px 0; } ul.ytree li.ytree-node > a { font-weight:bold; } ul.ytree li.ytree-node { position:relative; } ul.ytree li.ytree-node ul { display:none; margin-left:0; padding-left:10px; } li.ytree-node .ytree-spread { position:absolute; right:3px; color:#69a0ec; font-weight:bold; cursor:pointer; width:20px; } .ytree-spread { display:flex; align-items:center; justify-content:center; } .ytree-spread > i { transition:transform .3s; -webkit-transition:transform .3s; } .ytree-active > i { transform:rotate(-90deg); -webkit-transform:rotate(-90deg); } ul.ytree a { -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; transition:all 300ms ease-out; } li.ytree-aim { background-color:#92d3ff; } li.ytree-aim a { color:#fff; text-indent:5px; }
尝试保存一个
菜单的层级结构借用了本站插件 http://www.jq22.com/jquery-info3743 的,因为这个结构既有无后代菜单的,也有4层深度后代菜单的
主要是让菜单能展开到某个目标层级,不管这个目标层级是最后一级还是有后代层级