slideToggle+slideup实现手机端折叠菜单效果

折叠菜单的效果，网上有很多的插件，比如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">

篮球场

篮球场

篮球场

篮球场

篮球场

篮球场
1. 篮球场
2. 篮球场
3. 篮球场
4. 篮球场
5. 篮球场

篮球场
1. 篮球场
2. 篮球场
3. 篮球场
4. 篮球场
5. 篮球场