jquery.metisMenu.js插件

metisMenu 是一个用于创建响应式导航的 jQuery 插件，它可以将无序列表转换为可折叠的菜单。

以下是如何使用 metisMenu 的示例代码：

首先，确保你已经在你的项目中包含了 jQuery 和 metisMenu 的脚本。

<script src="path/to/jquery.min.js"></script>
<script src="path/to/jquery.metisMenu.js"></script>

然后，你需要一个用于初始化 metisMenu 的 HTML 结构，通常看起来像这样：

<ul class="metismenu" id="menu">
  <li class="active">
    <a href="#">Menu 1</a>
  </li>
  <li>
    <a href="#" aria-expanded="false" data-toggle="collapse">Menu 2</a>
    <ul aria-expanded="false" class="collapse">
      <li><a href="#">Submenu 1</a></li>
      <li><a href="#">Submenu 2</a></li>
    </ul>
  </li>
  <!-- 更多菜单项 -->
</ul>

最后，使用以下 JavaScript 代码初始化 metisMenu：

$(function() {
  $('#menu').metisMenu();
});

这段代码会将 id 为 menu 的无序列表转换为可折叠的菜单。当页面加载完成后，metisMenu 插件会自动初始化这个菜单。