zoukankan      html  css  js  c++  java
  • jquery tree

       <div class="fl left"  id="nav" style="18%" >
                    <div class="leftnav">商品分类</div>
                    <ul class="sui-nav nav-list nav-large mt10">
                       <li class="nav-header" >
                           <i class="sui-icon icon-touch-folder-right-sign"></i>
                           一级菜单
                           <ul class="sui-nav nav-list nav-large" style="display: none">
                               <li class="nav-header">
                                   <i class="sui-icon icon-touch-folder-right-sign"></i>
                                   二级菜单
                                   <ul class="sui-nav nav-list nav-large" style="display: none">
                                       <li class="nav-header">
                                           <i class="sui-icon icon-touch-folder-right-sign"></i>
                                           三级菜单
                                       </li>
                                       <li style="display: none"><a>菜单子项 </a></li>
                                   </ul>
                               </li>
                               <li style="display: none"><a>菜单子项 </a></li>
                           </ul>
                        </li>
                    </ul>
                </div>

    $(".nav-header").toggle(
    function (event) {
    if($(event.target).is("a")){
    return;
    }

    event.stopPropagation();
    $(this).find("ul:first").show();
    $(this).find("i:first").removeClass("icon-touch-folder-right-sign").addClass("icon-touch-folder-right");
    $(this).siblings().show();
    },
    function (event) {

    if($(event.target).is("a")){
    return;
    }
    event.stopPropagation();
    $(this).find("ul:first").hide();
    $(this).find("i:first").removeClass("icon-touch-folder-right").addClass("icon-touch-folder-right-sign");
    $(this).siblings().hide();
    })

  • 相关阅读:
    逻辑卷管理LVM (Logical Volume Manager)
    Windows Server 2008 R2 域控修改域用户密码复杂性
    win7 加域开机自动登录域用户
    红帽Linux 配置VNC桌面远程工具
    Redhat linux 挂载命令mount
    SUSE Linux 防火墙设置
    IPv4 地址分类
    常用RAID简介_001
    Element UI
    ie中datepicker赋值不成功
  • 原文地址:https://www.cnblogs.com/lyd96321/p/5830132.html
Copyright © 2011-2022 走看看