Javascript 我的悬停转换不是'；第一次尝试并不顺利

我有一个调用操作按钮，由文本组成，其中有一个箭头>。我希望箭头在悬停时平稳地向右过渡，然后在悬停时返回原位。以下是CTA按钮的HTML、CSS和jQuery：

$（“#lnkTech”）.hover（函数（）{
$（“#lnkTech>.spnCTATxtArrow”）.removeClass（“arrow动画输出”）；
$（“#lnkTech>.spnCTATxtArrow”）.addClass（“arrowAnimateIn”）；
}，函数（）{
$（“#lnkTech>.spnCTATxtArrow”）.removeClass（“arrowAnimateIn”）；
$（“#lnkTech>.spnCTATxtArrow”）.addClass（“arrow动画输出”）；
});
/*CTA样式*/
divCTA先生{
背景色：#00AA7E；
填充：20px 0px；
文本对齐：居中；
宽度：12em；
字体大小：粗体；
文本转换：大写；
字号：0.8em；
左边距：自动；
右边距：自动；
}
.divCTA:悬停{
背景色：#009E75；
}
divCTA a{
颜色：#fff；
文字装饰：无；
}
.迪夫塔a:悬停{
颜色：#fff；
文字装饰：无；
}
.spnCTATxt{
位置：相对位置；
-webkit转换：所有1都易于输入输出；
-moz转换：所有1都易于输入输出；
-o型转换：所有1均易于输入输出；
过渡：所有1都易于输入输出；
}
.spnCTATxtArrow{
-webkit转换：所有1都易于输入输出；
-moz转换：所有1都易于输入输出；
-o型转换：所有1均易于输入输出；
过渡：所有1都易于输入输出；
}
.阿罗{
位置：相对位置；
左：15px；
-webkit转换：所有1都易于输入输出；
-moz转换：所有1都易于输入输出；
-o型转换：所有1均易于输入输出；
过渡：所有1都易于输入输出；
}
.阿罗韦特{
位置：相对位置；
左：0px；
-webkit转换：所有1都易于输入输出；
-moz转换：所有1都易于输入输出；
-o型转换：所有1均易于输入输出；
过渡：所有1都易于输入输出；
}
.箭头动画{
位置：相对位置；
-webkit转换：所有1都易于输入输出；
-moz转换：所有1都易于输入输出；
-o型转换：所有1均易于输入输出；
过渡：所有1都易于输入输出；
}
解决方案非常简单，您需要为元素设置一个初始值，以使悬停效果从该值开始转换为
值
因此，添加到您的css中

#lnkTech > .spnCTATxtArrow{
  left:0px;

}

非常感谢！成功了！对不起，我是新手，但我的学习很快！：）