功能实现TODO：
- 点击sidebar下方的关闭按钮（x），sidebar向左方滑出屏幕，关闭按钮向右方滑动，同时旋转为（+）。
- 点击加号（+），sidebar向右滑动，加号（+）向左滑动，并旋转为（x）。
- 点击sidebar上方的菜单栏，相应的内容栏（从左向右）滑动。
- 如果有已经打开的内容栏，则已打开的内容栏关闭，新点击的相应的内容栏从下往上滑动。
- 打开的内容栏的右上方有关闭按钮（<），点击后内容栏从右向左滑动并关闭。
- 完整性约束。如果已经有打开的内容栏，点击sidebar下方的关闭按钮，则sidebar关闭，已经打开的内容栏也应该关闭。
案例实现步骤：
- 实现HTML文档结构
- 编写JavaScript代码，添加相应的事件、函数和逻辑
- 在每个事件函数中添加动画效果