用Bootstrap实现折叠侧边栏

1. 首先实现一个普通侧边栏

  
Bar 1
  
Bar 2
  
Bar 3

上面的代码实现了最基本的侧边栏导航。

2. 接下来我们利用Bootstrap Collapse实现可折叠侧边栏

  
Bar 1
  

    Bar 2
    

      
Child Bar 1
      
Child Bar 2
    
  
  
Bar 3

上面代码利用Bootstrap的Collapse实现了折叠侧边栏。

3. 第二部代码中chevron_toggle()这个函数实现了Chevron Icon的切换，代码如下：

function chevron_toggle(){
    $("#collapseParent").find("span").toggleClass("glyphicon-chevron-up");
    $("#collapseParent").find("span").toggleClass("glyphicon-chevron-down");
}