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, 下载次数: 8)
推荐给好友: [复制链接]
推荐文章
回复

使用道具 举报

发布主题
  • 今日更新:0 昨日更新:0
  • 会员总数:444 模板总数:9692
打造全国最大建站模板下载平台
在线技术QQ

515138

周一至周日9:00-23:00

如有侵权请联系我们

515138@qq.com 在线QQ咨询

微信扫码关注我们