插件学习：metisMenu.min.js

2019独角兽企业重金招聘Python工程师标准>>>

github地址

参考教程

#引入

css引入默认的，但可以不要

样式自己写，默认的也不是太喜欢

js：

<script type="text/javascript" src="jquery.min.js-v=2.1.4"></script>
<script type="text/javascript" src="metisMenu.min.js"></script>

html结构

<ul  id="menu">
</ul>

调用：

$("#menu").metisMenu();

结构1 展开/折叠

<ul   id="menu">
  <li class="active">
    <a href="#" aria-expanded="true">Menu 1</a> //展开
    <ul aria-expanded="true"> 展开
    ...
    </ul>
  </li>
  <li>
    <a href="#" aria-expanded="false">Menu 2</a>
    <ul aria-expanded="false">//折叠
    ...
    </ul>
  </li>
  ...
  </ul>

转载于:https://my.oschina.net/2016jyh/blog/814541