LazeeMenu – 垂直的多级导航菜单jQuery插件

用法

下载插件，将其解压缩并将文件复制到项目文件夹中。然后在你的 HTML 中包含 css 和 js 。

HTML

<ul id="menu-2">
<li>
<h3><span>Online Newspapers</span></h3>
<ul>
<li class="active"><a href="http://www.cnn.com">CNN</a></li>
<li><a href="http://www.bbc.co.uk">BBC</a></li>
<li><a href="http://www.nrk.no">NRK</a></li>
</ul>
</li>
<li>
<h3><span>Funny sites</span></h3>
<ul>
<li><a href="http://www.google.com">Google</a></li>
<li><a href="http://www.bing.com">Bing</a></li>
<li><a href="http://www.yahoo.com">Yahoo</a></li>
</ul>
</li>
<li>
<h3><span>Search Engines</span></h3>
<ul>
<li><a href="http://www.google.com">Google</a></li>
<li><a href="http://www.bing.com">Bing</a></li>
<li><a href="http://www.yahoo.com">Yahoo</a></li>
</ul>
</li>
</ul>

JS

$(document).ready(function() {
        $('#menu-2').lazeemenu();
    });

选项

这些是你可以在激活菜单期间设置的选项。
activeClass

• 类型: string
• 默认值: active

li元素中使用的类名称，用于指示应标记为活动的链接。
initialState

• 类型: string
• 默认值: default

如果最初想要展开整个菜单，可以将此值设置为展开。将其设置为折叠将折叠菜单。

公共方法

expandAll
展开所有菜单项

$(selector).lazeemenu('expandAll');

collapseAll
折叠所有菜单项

$(selector).lazeemenu('collapseAll');