Jquery 单击图标以翻转按钮（登录/注册）

如何通过单击旁边的图标将按钮从登录翻转到注册

目前我对按钮本身有悬停效果，通过它可以完美地翻转

$（文档）.ready（函数（）{
$（“.fa V形圈向上”）。单击（函数（）{
//单击图标时翻转按钮的代码
});
});
.btn\u翻转：之前{
内容：attr（数据文本）；
位置：绝对位置；
排名：0；
左：0；
宽度：继承；
身高：继承；
文本对齐：居中；
边界半径：25px；
背景：紫色；
颜色：白色；
过渡：0.5s；
变换原点：底部；
变换：translateY（-100%）rotateX（90度）；
}
.btn_翻转：悬停：之前{
变换：translateY（0）rotateX（0度）；
}
.btn_flip：之后{
内容：“登录”；
位置：绝对位置；
排名：0；
左：0；
宽度：继承；
身高：继承；
文本对齐：居中；
背景：绿色；
颜色：白色；
边界半径：25px；
过渡：0.5s；
变换原点：顶部；
变换：translateY（0）rotateX（0度）；
}
.btn_翻转：悬停：之后{
变换：translateY（100%）rotateX（90度）；
}

将动画和新内容放在另一个类中，如
。btn\u翻转
，然后使用jquery添加类
。当单击时，btn\u翻转
，所以你说要切换类
。btn\u翻转
和
。btn\u翻转
？是的，这将解决你的问题