折叠菜单的效果，网上有很多的插件，比如bootstrap的 Collapse ，很好用也很简单，但是如果你使用的不是bootstrap框架，就会造成很多不必要的麻烦，比如默认样式被修改，代码冗余等等，一般网上也有很多基于jQuery的插件，但是也都过于繁琐，今天我就给大家说下，使用jQuery自带的函数，实现这种效果，话不多少，直接上代码：
HTML部分：
<div class="jb51code">
<pre class="brush:xhtml;">
<div class="Box">
<ul class="inner">
<li class="inner_title">绿色校园
<ol class="inner_style">
- 篮球场
- 篮球场
- 篮球场
- 篮球场
- 篮球场
- 篮球场
- 篮球场
- 篮球场
- 篮球场
- 篮球场
- 篮球场
- 篮球场
