-
HTML的一部分：
绿色校园
篮球场
篮球场
篮球场
篮球场
篮球场
绿色校园
篮球场
篮球场
篮球场
篮球场
篮球场
篮球场
绿色校园
篮球场
篮球场
篮球场
篮球场
篮球场
篮球场
CSS部分：
体{
背景：# dddddd；
}
内{。
背景：# FFF；
宽度：100%；
溢出：隐藏；
列表样式：无；
保证金：0；
填充：0；
}
inner_title {。内。
背景颜色：# FFF；
宽度：100%；
填充：2.5%；
底部边框：1px solid # efefef；
颜色：# 343434；
身高：40px；
行高：40px；
字体大小：16px；
职位：相对；
}
{ inner.inner_title跨度。
位置：绝对；
宽度：20px；
身高：20px；
顶部：50%；
边距：- 10px；
权利：6%；
背景：URL（图像/ arow_left。png）没有重复的中心；
}
。内。inner_title主动{。
颜色：# 4db780；
}
{ inner.inner_title.active跨度。
背景：URL（图像/ arow_down。png）没有重复的中心；
}
两级分类处理弹出
inner_style {。内。
保证金：0；
列表样式：无；
宽度：100%；
背景颜色：# efefef；
溢出：隐藏；
填料：15px 3%；
}
inner.inner_style李{。
浮点数：左；
颜色：# 333；
字体大小：14px；
宽度：21%；
文本对齐：中心；
行高：30px；
保证金权利：5%；
}
js部分（记得介绍jQuery）：
折叠效果***处理
（函数（$）{）
美元。fn.fold =功能（选项）{
默认参数设置
var设置{ {
300速度：折叠速度（速度慢）
}
非空合并参数
如果（选项）
扩展（设置，选项）；
遵循链法则
返回this.each（函数（）{（）
对于每个LI元素绑定/单击事件
$（）>李
$（this）Bind（单击
在单击之前，当前菜单的第一个判断是折叠的。
如果（$（this）。HasClass（主动的））{ / /折叠状态
$（。内OL）。SlideUp（'500）（slideup）； / /使用折叠的其他选项
$（这）。RemoveClass（主动的）； / /删除选定的样式
}其他打开状态
$（这），兄弟姐妹（李的）RemoveClass（主动的）；
$（。内OL）。SlideUp（'500）（slideup）； / /使用折叠的其他选项
$（这）。AddClass（主动的） / /添加样式
$（这）。下（OL）。SlideToggle（设置。速度）；
}
}）；
}）；
折叠/默认
$（）>
}）；
}
}（jQuery）；
$（
结果如下：
以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。