hc-mobile-nav是一款适合移动手机的jQuery多级侧边栏菜单插件。它可以创建移动优先的、多级的隐藏滑动侧边栏菜单，支持折叠菜单、向下展开菜单和完全展开菜单等多种展示方式。

使用方法

在页面中引入jquery、hc-mobile-nav.js和hc-mobile-nav.css文件。

HTML结构

该jQuery多级侧边栏菜单的基本HTML结构如下：

JavaScript

在页面DOM元素加载完毕之后，通过下面的方法来初始化该jQuery多级侧边栏菜单插件：

jQuery(document).ready(function($) {
    $('#main-nav').hcMobileNav({
      maxWidth: 980
    });
});
                

配置参数

该jQuery多级侧边栏菜单插件的可用参数如下：

• maxWidth：代表屏幕小于多少像素时按移动设备的方式来显示菜单。默认值为1024。
• labels：关闭和返回链接的标签。默认为{close: 'Close',back: 'Back'}

该jQuery多级侧边栏菜单插件的github地址为：https://github.com/somewebmedia/hc-mobile-nav