Javascript 缩放div跳跃旁边的div

当我在一个圆圈上悬停时，其他人只是在圆圈动画时跳跃。我该如何解决这个问题

$（文档）.ready（函数（）{
$（'#header'）.hide（）；
$（'openSidebarIcon'）.hide（）；
$（“#季节文本”）.hide（）；
$（“#季节日”）.hide（）；
$（'iconSidebar'）.hide（）；
var firstLetter=''；
$（'.circle'）.hover（函数（）{
$（此）。停止（真，真）。设置动画({
宽度：300
}, 200);
var id='#'+$（this.attr（'id'）+'a'；
console.log（id）；
var fullDisplayText=''；
开关（id）{
案例“1a”：
fullDisplayText='REDMARKET'；
firstLetter='R'；
打破
案例“2a”：
fullDisplayText='TINSER.NET'；
第一个字母='T'；
打破
案例“3a”：
fullDisplayText='PHALLET'；
第一个字母='P'；
打破
案例“4a”：
fullDisplayText='ANIMALZ'；
第一个字母='A'；
打破
案例“#5a”：
fullDisplayText='LEARNUNG'；
第一个字母='L'；
打破
案例“#6a”：
fullDisplayText='PROGRAMM'；
第一个字母='P'；
打破
案例“7a”：
fullDisplayText='DOITURSELF'；
第一个字母='D'；
打破
案例“8a”：
fullDisplayText='GAAMERZ'；
第一个字母='C'；
打破
}
$（id）.text（fullDisplayText）；
}，函数（）{
var id='#'+$（this.attr（'id'）+'a'；
$（id）.文本（第一个字母）；
$（此）。停止（真，真）。设置动画({
宽度：60
}, 200);
});
$（'#menulogo'）。设置动画({
不透明度：1
}, 1000);
setTimeout（函数（）{
$（'#1'）。设置动画({
不透明度：1
}, 500);
setTimeout（函数（）{
$（'#2'）。设置动画({
不透明度：1
}, 500);
}, 250);
setTimeout（函数（）{
$（'#3'）。设置动画({
不透明度：1
}, 500);
}, 500);
setTimeout（函数（）{
$（'#4'）。设置动画({
不透明度：1
}, 500);
}, 750);
setTimeout（函数（）{
$（'#5'）。设置动画({
不透明度：1
}, 500);
}, 1000);
setTimeout（函数（）{
$（'#6'）。设置动画({
不透明度：1
}, 500);
}, 1250);
setTimeout（函数（）{
$（'#7'）。设置动画({
不透明度：1
}, 500);
}, 1500);
setTimeout（函数（）{
$（'#8'）。设置动画({
不透明度：1
}, 500);
}, 1750);
}, 750);
});
.circle{
宽度：60px；
高度：60px；
边界半径：30px；
边缘顶部：5px；
显示：内联块；
光标：指针；
不透明度：0；
}

R
T
P
A.
L
P
D
C
添加
垂直对齐：顶部
到您的
。圈出
CSS规则以停止跳转：


$（文档）.ready（函数（）{
$（'#header'）.hide（）；
$（'openSidebarIcon'）.hide（）；
$（“#季节文本”）.hide（）；
$（“#季节日”）.hide（）；
$（'iconSidebar'）.hide（）；
var firstLetter=''；
$（'.circle'）.hover（函数（）{
$（此）。停止（真，真）。设置动画({
宽度：300
}, 200);
var id='#'+$（this.attr（'id'）+'a'；
console.log（id）；
var fullDisplayText=''；
开关（id）{
案例“1a”：
fullDisplayText='REDMARKET'；
firstLetter='R'；
打破
案例“2a”：
fullDisplayText='TINSER.NET'；
第一个字母='T'；
打破
案例“3a”：
fullDisplayText='PHALLET'；
第一个字母='P'；
打破
案例“4a”：
fullDisplayText='ANIMALZ'；
第一个字母='A'；
打破
案例“#5a”：
fullDisplayText='LEARNUNG'；
第一个字母='L'；
打破
案例“#6a”：
fullDisplayText='PROGRAMM'；
第一个字母='P'；
打破
案例“7a”：
fullDisplayText='DOITURSELF'；
第一个字母='D'；
打破
案例“8a”：
fullDisplayText='GAAMERZ'；
第一个字母='C'；
打破
}
$（id）.text（fullDisplayText）；
}，函数（）{
var id='#'+$（this.attr（'id'）+'a'；
$（id）.文本（第一个字母）；
$（此）。停止（真，真）。设置动画({
宽度：60
}, 200);
});
$（'#menulogo'）。设置动画({
不透明度：1
}, 1000);
setTimeout（函数（）{
$（'#1'）。设置动画({
不透明度：1
}, 500);
setTimeout（函数（）{
$（'#2'）。设置动画({
不透明度：1
}, 500);
}, 250);
setTimeout（函数（）{
$（'#3'）。设置动画({
不透明度：1
}, 500);
}, 500);
setTimeout（函数（）{
$（'#4'）。设置动画({
不透明度：1
}, 500);
}, 750);
setTimeout（函数（）{
$（'#5'）。设置动画({
不透明度：1
}, 500);
}, 1000);
setTimeout（函数（）{
$（'#6'）。设置动画({
不透明度：1
}, 500);
}, 1250);
setTimeout（函数（）{
$（'#7'）。设置动画({
不透明度：1
}, 500);
}, 1500);
setTimeout（函数（）{
$（'#8'）。设置动画({
不透明度：1
}, 500);
}, 1750);
}, 750);
});
.circle{
宽度：60px；
高度：60px；
边界半径：30px；
边缘顶部：5px；
显示：内联块；
光标：指针；
不透明度：0；
垂直对齐：顶部；
}

R
T
P
A.
L
P
D
C
那么，你到底希望发生什么？我的意思是，圆圈需要一些地方来设置动画。其他圆圈会发生什么情况？不要使用
标记。