iconfont的坑

业务需求是这样的：

初始状态是这样：

小箭头朝下。

当点击媒体评分这个一级菜单，箭头朝上。

本来以为很简单的addClass或者removeClass就可以完事，结果并！不！是！这！样！

先说我之前的实现思路：

小箭头的旋转代码：transform:rotate(-180deg);------>忽略各种hack，是写在一个active里面的，这个active包括两种样式：

1）蓝色

2）箭头旋转

如此甚好，点击addClass再点击removeClass。

但是这样就会造成一个效果，蓝色字体和箭头旋转是同步的，即蓝色消失伴随着箭头不旋转；蓝色存在伴随着箭头旋转

没毛病。。。

但是，业务需求确是：蓝色字体和箭头旋转不要同步！！！箭头同步的是二级菜单的显示与隐藏。二级菜单的显示与隐藏是这么写的：

这就很难判断toggle的状态了。。。纠结了很久。。

换了一种方式：

将旋转的代码放到另一个叫做uppppp的class样式里面，判断点击的对象是否存在uppppp，存在uppppp，存在就移除，不存在就加上。代码如下：

另外，关于

if(!a){

   ......

}

这样的表达式，表示的是，如果a是

 null 0 "" undefined  false这几种情况，就会进if条件里面，一般用户判断a是否是null,0,undefined,false这几种情况