Javascript 在Jquery中隐藏和更改div元素

大家好，我需要你们的帮助，我在网页上有两个按钮，当点击按钮1时，一个箭头出现在它下面，按钮的背景颜色改变，当点击按钮2时，同样的应用，但按钮1下面的箭头消失，背景颜色改变

我已经实现了这些属性中的大多数，但是我不明白为什么在点击按钮2之后返回按钮1按钮2下面的箭头没有隐藏

这是我的密码

++++++++HTML+++++++

$（文档）.ready（函数（）{
$（“#选择”）。单击（函数（）{
$（this.css（'background'，'#1169ff'）；
$（this.css（'color'，'#ecf0f1'）；
$（“#三角形向下”）。添加（“#三角形向下1”）。显示（）；
if（$（'select1'）.css（'background'，'1169ff'）&&$（'select1'）.css（'color'，'ecf0f1'））{
$（'#select1'）.css（'background'，'#ecf0f1'）；
$（'#select1'）.css（'color'，'#1169ff'）；
}else if（$（'#triangle_down 2'）.add（'#triangle_down 3'）.addClass（'hidden'））{
$（“#三角形向下”）。添加（“#三角形向下1”）。显示（）；
}
});
$（'#select1'）。在（'单击'，函数（）上）{
$（this.css（'background'，'#1169ff'）；
$（this.css（'color'，'#ecf0f1'）；
$（“#三角形向下”）.add（“#三角形向下1”）.addClass（'hidden'）；
$（'#select'）.css（'background'，'#ecf0f1'）；
$（'select'）.css（'color'，'1169ff'）；
$（'#triangle_down 2'）。添加（'#triangle_down 3'）。显示（）；
});
})

#订阅p{
文本对齐：居中；
}
#订阅输入{
背景：rgba（255,255,255,0.52）；
颜色：#666666；
垂直对齐：中间对齐；
宽度：593px；
边框：1px实心rgba（255,255,255,0.76）；
填充：0 10px；
高度：60px；
字体大小：20px；
大纲：0；
}
#订阅输入[type=“submit”]{
背景：rgb（255、135、19）；
颜色：#ecf0f1；
/*宽度：自动*/
填充：14px 25px；
光标：指针；
左边距：50px
字体大小：粗体；
高度：60px；
显示：内联块；
边框：2倍实心；
字体大小：20px；
大纲：0；
}
#订阅按钮[id=“选择”]，[id=“选择1”]{
背景#ecf0f1；
宽度：370px；
高度：60px；
/*左侧填充：100px*/
/*右边填充：100px*/
填充：0 10px；
垂直对齐：中间对齐；
字体大小：20px；
大纲：0；
颜色：#1169ff；
边框：2倍实心；
文本对齐：居中；
}
#订阅输入[id=“main”]{
宽度：150px；
大纲：0；
}
#三角下降{
位置：绝对位置；
宽度：0；
身高：0；
边框顶部：15px实心#1169ff；
左边框：9px实心透明；
右边框：9px实心透明；
顶部：125px；
左：90px；
}
#三角下降1{
位置：绝对位置；
宽度：0；
身高：0；
边框顶部：20px实心#ecf0f1；
左边框：11px实心透明；
右边框：11px实心透明；
顶部：125px；
左：88px；
}
#三角下降3{
位置：绝对位置；
宽度：0；
身高：0；
边框顶部：15px实心#1169ff；
左边框：9px实心透明；
右边框：9px实心透明；
顶部：125px；
左：464px；
}
#三角下降2{
位置：绝对位置；
宽度：0；
身高：0；
边框顶部：20px实心#ecf0f1；
左边框：11px实心透明；
右边框：11px实心透明；
顶部：125px；
左：462px；
}

艾切特
百叶窗

这样做，请查看jquery toggle或其他执行此操作的方法，因为您的代码在mo上很难使用。添加了

$（“#triangle_down2”）。添加（“#triangle_down3”）。隐藏（）在第一次单击f


$（文档）.ready（函数（）{
$（“#选择”）。单击（函数（）{
$（this.css（'background'，'#1169ff'）；
$（this.css（'color'，'#ecf0f1'）；
$（“#三角形向下”）。添加（“#三角形向下1”）。显示（）；
if（$（'select1'）.css（'background'，'1169ff'）&&$（'select1'）.css（'color'，'ecf0f1'））{
$（'#select1'）.css（'background'，'#ecf0f1'）；
$（'#select1'）.css（'color'，'#1169ff'）；
$（'#triangle_down 2'）。添加（'#triangle_down 3'）。隐藏（）；
}else if（$（'#triangle_down 2'）.add（'#triangle_down 3'）.addClass（'hidden'））{
$（“#三角形向下”）。添加（“#三角形向下1”）。显示（）；
}
});
$（'#select1'）。在（'单击'，函数（）上）{
$（this.css（'background'，'#1169ff'）；
$（this.css（'color'，'#ecf0f1'）；
$（“#三角形向下”）。添加（“#三角形向下1”）。隐藏（）；
$（'#select'）.css（'background'，'#ecf0f1'）；
$（'select'）.css（'color'，'1169ff'）；
$（'#triangle_down 2'）。添加（'#triangle_down 3'）。显示（）；
});
})
#订阅p{
文本对齐：居中；
}
#订阅输入{
背景：rgba（255,255,255,0.52）；
颜色：#666666；
垂直对齐：中间对齐；
宽度：593px；
边框：1px实心rgba（255,255,255,0.76）；
填充：0 10px；
高度：60px；
字体大小：20px；
大纲：0；
}
#订阅输入[type=“submit”]{
背景：rgb（255、135、19）；
颜色：#ecf0f1；
/*宽度：自动*/
填充：14px 25px；
光标：指针；
左边距：50px
字体大小：粗体；
高度：60px；
显示：内联块；
边框：2倍实心；
字体大小：20px；
大纲：0；
}
#订阅按钮[id=“选择”]，[id=“选择1”]{
背景#ecf0f1；
宽度：370px；
高度：60px；
/*左侧填充：100px*/
/*右侧填充：