Javascript-html Retractable Sidebar code?

Similar to this http://www.htmleaf.com/Demo/20141010127.html.
To write a simple example, you can use jquery.
Or you can give me a clue.

    
  
       Document                     

By the way, with sublime? The shortcut is written in the basic HTML document, how to change it?

Reply content:

Similar to this http://www.htmleaf.com/Demo/20141010127.html.
To write a simple example, you can use jquery.
Or you can give me a clue.

    
  
       Document                     

By the way, with sublime? The shortcut is written in the basic HTML document, how to change it?

To three classes for the hidden, icon mode, all modes three mode width, and then the corresponding event to bind the corresponding class is good.
Label Quick Finish is Emmet function, only need HTML words can be directly input html and then tab, if you want to change the language need ![lang=zh-cn] or you can also !!! use with doc Two, more shortcuts can see Emmit cheatshe Et himself defines a shortcut template in config, which can be found in the official readme for more information.

