基于HTML5代码的可折叠菜单源下载的实现

基于HTML5代码实现的可折叠菜单代码下载，效果逼真，使用起来非常方便，对HTML5折叠菜单感兴趣的朋友可以参考下。

基于HTML5代码，我们可以下载带有源代码的可折叠菜单。亲人也可以下载源代码。

效果显示源代码下载

Hmtl Code：

复制代码代码如下所示：

热爱编程

热爱编程

jQuery特效

CSS3特效

HTML5的特殊效果

音效下载

Flash动画

JS代码：

复制代码代码如下所示：
（函数（$）{）
VaR卡= $（'卡下降），显示开关= cards.find（'切换'），链接= cards.find（'ul >李>），李= links.parent（'ul >李>），= =，，= 100；
li.each（功能（我）{）
$（这）。Css（'z-index '，算我）；
}）；
功能setclosed（）{
li.each（函数（指数）{）
$（这）。Css（前，指数×4）。Css（'width，宽度指数×0.5＋%）。Css（'margin-left，指数×0.25＋%）；
}）；
Li.addClass（闭合的）；
Toggler.removeClass（主动的）；
}
setclosed（）；
Toggler.on（'mousedown，函数（）{（）{
var $ = $（这个）；
如果（$这（'。主动））{
setclosed（）；
{人}
this.addclass美元（主动的）；
Li.removeClass（闭合的）；
li.each（函数（指数）{）
$（这）。Css（前，60 *（指数+ 1）），Css（'width，百分之百）。Css（'margin-left '，'0px）；
}）；
}
}）；
Links.on（听到咔哒声，功能（e）{
var =美元美元（这），标签= this.data美元（'label）；
this.children图标= $（我），Attr（' '）；
Li.removeClass（主动的）；
如果（$ this.parent（李的），（主动的））{
this.parent美元（李的）RemoveClass（主动的）；
{人}
this.parent美元（李的）AddClass（主动的）；
}
toggler.children（'span）文本（标签）；
toggler.children（我），RemoveClass（）AddClass（图标）；
setclosed（）；
E.preventDefault；
}）；
}（jQuery）；