请选择 进入手机版 | 继续访问电脑版

jQuery手风琴式左侧栏导航菜单代码

[复制链接]
查看1765 | 回复0 | 2021-2-24 10:51 | 显示全部楼层 |阅读模式

jQuery手风琴式左侧栏导航菜单代码

jQuery手风琴式左侧栏导航菜单代码



一个非常不错的jQuery手风琴式左侧栏导航菜单代码,网站左侧滑动切换收缩展开菜单代码,鼠标悬停链接背景渐显效果。

  1. js代码

  2. $(function() {
  3.         var Accordion = function(el, multiple) {
  4.                 this.el = el || {};
  5.                 this.multiple = multiple || false;

  6.                 // Variables privadas
  7.                 var links = this.el.find('.link');
  8.                 // Evento
  9.                 links.on('click', {el: this.el, multiple: this.multiple}, this.dropdown)
  10.         };

  11.         Accordion.prototype.dropdown = function(e) {
  12.                 var $el = e.data.el;
  13.                         $this = $(this);
  14.                         $next = $this.next();

  15.                 $next.slideToggle();
  16.                 $this.parent().toggleClass('open');

  17.                 if (!e.data.multiple) {
  18.                         $el.find('.submenu').not($next).slideUp().parent().removeClass('open');
  19.                 }
  20.         };

  21.         var accordion = new Accordion($('#accordion'), false);
  22.         $('.submenu li').click(function () {
  23.                 $(this).addClass('current').siblings('li').removeClass('current');
  24.         });
  25. });
复制代码
jQuery手风琴式左侧栏导航菜单代码.zip (357.96 KB, 下载次数: 287)
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则