竟彩篮球胜分差
Connect_logo_6.png 退出
前端視頻教程 Thinkphp源碼 眾籌源碼 python 商城源碼 商城模板 響應式模板 中文模板 手機模板 企業源碼
充值

jQuery網站管理后臺左側邊展開收縮圖標菜單代碼

作者/代碼整理:  (轉載請附加本文地址,帶有“懶人原生”字樣的謝絕轉載) 發布日期:2019-10-01
jQuery網站管理后臺左側邊展開收縮圖標菜單代碼是一款側邊欄下拉菜單,支持收縮起來只顯示圖標,或展開顯示圖標和文字菜單。


js代碼

<script type="text/javascript">
$(document).ready(function(){
    //展開收起
    $(".btn-nav").click(function () {
      $(".lvc-wrap").toggleClass("lvc-close")
      $("ol").toggleClass("small-ol")
      $(".next-layer ol").hide()

      if($("#lvc-nav").hasClass('lvc-close')){
        $(".next-layer ").removeClass("arrow")
      }
    })

    //選中狀態
    $(".lvc-nav li").click(function () {
      $(this).siblings().find('ol').hide()
      $(this).addClass("active").siblings().removeClass("active")
    })

    //選中子集清除父級active
    $("ol>li").click(function (e) {
      console.log('ol>li clicked')
      e.stopPropagation()
     $(this).parent().parent().removeClass("active")
    })

    //二級導航展開收起
    $(".next-layer").click(function () {
      $(this).children("ol").toggle();
      $(this).toggleClass("arrow").siblings().removeClass("arrow")
    })


     $("ol li").click(function () {
       if($("ol").hasClass('small-ol')) {
         $(".small-ol").hide();
         $(this).parent().parent().addClass("active")
       }
     })
})
</script>

猜你喜歡...
java拼多多穩定防風控PDD出碼系統
Discuz多配色帶手機版城市生活地方門戶論壇網站模板 帶后臺帶數據
非亞口腔網站織夢源碼 整站打包源碼 支持WAP手機
PHP最新版個人付費真人八字算命測運勢網站源碼 帶采集帶手機版
ThinkPHP單用戶大型購物商場網站模板帶QQ登錄支持微信支付寶支付
最新2.3.3全套交友程序源碼 交友聊天網站 程序帶APP源碼支持生成APP
TP5商城小程序系統源碼 支持砍價推廣幾個人中心 支持最時尚流行推廣名片
ThinkPHP開發小程序公眾號H5多端商城程序源碼前后端分離支持打包APP
ThinkPHP小說漫畫公眾號+手機H5源碼支持代理扣量
星點城市365本地門戶網站源碼 分類信息門戶網站 新聞資訊門戶
黃金家園農場修復版對接了微信的H5支付和公眾號支付
K凱斯頓酒店管理連鎖有限公司中英文響應式整站源碼
74cms5.0含所有商業插件+WeChat mini_v1.0.14騎士5.0小程序前端和5.0配置教程
V1.6.2零點城市社交電商最新版小程序過審版 抖音同城電商線下引流程序源碼
Thinkphp多VIP等級推廣聊投資賺收益金融平臺外包客戶開發運營版
基礎微信版路通技巧駕考培訓1.0.8微信公眾號 駕照考試培訓系統源碼
帝國高仿逗游手游網源碼 游戲下載資源網站源碼 后臺可視化管理
文章分享廣告系統源碼 推廣營銷系統 微信朋友圈引流裂變系統源碼
Thinkphp5在線智能還款APP 在線申請APP 樣卡神奇 高效率還款 智能賬單管理 實時提醒永不逾期
米哆全民軟文推廣1.9.0微信公眾號文章營銷推廣系統源碼
竟彩篮球胜分差 马戏团 山东十一选五任三遗 新恒生配资 迅盈篮球比分直播 nba比分预测专家 微信麻将好友房四个人 山东体彩十一选五开 大赢家比分比分 腾讯欢乐麻将98麻将节 江苏七位数第2ooo5期 cba辽宁对广厦比分 竞彩足球比分即时比分500 内蒙古十一选五前三 展鹏配资 排球比分怎么算赢 河南11选5开奖结果