使用 bootstrap 的 js 做折叠菜单，发现有一个比较严重的 bug。当点击折叠菜单项目时，子菜单加上 in 的 class 后，却没有把 data-toggle=”collapse” 的元素的 collapsed 这个 class 去掉。
解决方法：
找到 bootstrap-collapse.js 增加一句到最底部的一段代码中：

  $(function () {
    $('body').on('click.collapse.data-api', '[data-toggle=collapse]', function ( e ) {
      var $this = $(this), href
        , target = $this.attr('data-target')
          || e.preventDefault()
          || (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') //strip for ie7
        , option = $(target).data('collapse') ? 'toggle' : $this.data()
      $this[$(target).hasClass('in') ? 'addClass' : 'removeClass']('collapsed') // 这行是增加的
      $(target).collapse(option)
    })
  })