如何实现导航菜单的显示与隐藏

我们这里说的是网站如何实现导航菜单的显示与隐藏，而不是浏览器的导航菜单显示与隐藏。那如果左侧导航栏可显示与隐藏用js该怎么实现。
 

1：需要获取左侧导航栏对象。

2：绑定事件

3：css中的显示隐藏有：

4：display:block;显示；

5：display:none;隐藏；

6：内opacity：1；显示；

7：opacity:：0；隐藏；
但元素不会彻底消失容只是透明度为0，还是会占据空间，会触发事件。

8：visibility:visible;显示。

9：visibility:hidden;隐藏，元素不会彻底消失。还会占据空间。

10：css3中有transform:scale(1);显示，2D缩放转换。

11：transform:scale(0);隐藏，2D缩放转换。