相关css代码
.spanRotate {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transition: transform .5s;
}
.spanReset {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transition: transform .5s;
}
相关html代码
下面是大家常温的问题呦~
如何进行营业执照认证
如何找到手机号
密码玩了个怎么玩
如何找到手机号
举报一个诈骗用户
相关JS代码
function frequentlyQuestionListClick(obj, that) {
console.log(“点击了” + obj + $(that).find(“.smallList” + obj.toString()).css(“display”));
if ($(that).find(“.smallList” + obj.toString()).css(“display”) == “none”) {
$(that).find(“.smallList” + obj.toString()).css(“display”, “flex”);
$(that).find(“#spanStatus”).removeClass(“spanReset”).addClass(“spanRotate”);
} else {
$(that).find(“.smallList” + obj.toString()).css(“display”, “none”);
$(that).find(“#spanStatus”).removeClass(“spanRotate”).addClass(“spanReset”);
}
}
初始状态

初始状态.png
账号点击-右侧箭头发生旋转

账号点击-右侧箭头发生旋转.png
信息问题点击-箭头旋转

信息问题点击-箭头旋转.png
再次点击账号一行-箭头复位

再次点击账号一行-箭头复位.png
动画效果

101..gif
发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/229640.html原文链接:https://javaforall.net
