阿里图标字体库
https://www.iconfont.cn/
这种iconfont的写法
第一种写进class里面的CSS，比较直观，但是不支持IE6
第二种是手动添加Unicode 即
添加样式：下拉箭头旋转
（兼容各个浏览器）
包含各个下拉箭头的旋转
添加过渡效果 transition属性
下拉层动作模块化
构建框架
添加方法
调用
新要求：
在图片显示前添加P标签，显示文字内容，图片显示后添加内容。
直接将动作写入显示隐藏模块，耦合在一起，不方便修改。
所以通过回调函数的方式更加合理
传递回调函数callback作为参数
这种回调函数的方式很常用，但是却不适合多人协作。
所以我们常用发布订阅的方式。
trigger 发布事件
on订阅事件
多人协作的方式，发布订阅互不干扰。
光这样写还存在一些问题，即使在显示状态下也会不断触发。
所以需要为jquery对象绑定相应的状态，避免重复触发，造成性能浪费。
如图：
当然了，还要对状态进行判断。
这样做还不够，因为页面刚刷新开始的时候，元素并未触发silent下面的show方法，也就是在默认显示的情况下并没有被赋予相应的状态，第一次点击还是会触发show。
所以需要初始化（init）
同时先执行一次
来源：CSDN
作者：ZHgogogoha
链接：https://blog.csdn.net/ZHgogogoha/article/details/104071161