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

折叠菜单的效果，网上有很多的插件，比如bootstrap的 Collapse ，很好用也很简单，但是如果你使用的不是bootstrap框架，就会造成很多不必要的麻烦，比如默认样式被修改，代码冗余等等，一般网上也有很多基于jQuery的插件，但是也都过于繁琐，今天我就给大家说下，使用jQuery自带的函数，实现这种效果，话不多少，直接上代码：

HTML部分：

  
  

    
绿色校园
    

      
篮球场
      
篮球场
      
篮球场
      
篮球场
      
篮球场
    
    
绿色校园
    

      
篮球场
      
篮球场
      
篮球场
      
篮球场
      
篮球场
      
篮球场
    
    
绿色校园
    

      
篮球场
      
篮球场
      
篮球场
      
篮球场
      
篮球场
      
篮球场
    
  

CSS部分：

js部分(记得引入jQuery)：

效果如下：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。