使用jquery的accordion实现手风琴效果菜单树

jquery的accordion的使用非常简单,只需要给它一个固定格式的ul即可。。。好像是句废话。。。

那么如何实现呢?请看下面(小明同学别低头。。。)

jquery-2.1.0.min.js

scriptbreaker-multiple-accordion-1.js

按顺序引用上面的两条js 

然后给出一个指定格式的ul 如下

< ul class="topnav">
  
  • 阿里巴巴 < /a>
  • 腾讯科技
  • /

    上面格式是我在后台递归好的一条html ul布局

    用一级ul的属性.accordion即可 

    如果是用ajax请求的后台数据 那么用下面做法

    这是我在项目中的做法

    这里是ul菜单展示区域

    这里是效果图 (css太多了就不给出了) 效果很不错 但是本人不会制作动态图 所以将就看吧 

    使用jquery的accordion实现手风琴效果菜单树_第1张图片

    你可能感兴趣的:(js/jquery,BootStrap)