Jquery 隐藏并显示元素onclick

我不熟悉jquery。 我有两个

p

标签，标签的类别为

.angle\u up

和

.angle\u down

角度向上

类具有

活动

类。单击

.angle\u down

时，从

angle\u up

中删除

.active

类，并设置为

.angle\u down

当类处于活动状态时，必须以动画效果显示

ele

。就像拨动开关一样。 如何做到这一点。提前谢谢

$（文档）。在（“单击”、“.angle\u up”上，函数（）{
$（此）.removeClass（“活动”）；
var angledwn=$（'.angle_down'）；
angledwn.addClass（“活动”）；
变量ele=$（'.ele'）；
元素切换（“5000”）；
});
.angle\u up、.angle\u down{
颜色：#0096C9；
显示：无；
}
.angle\u up.active、.angle\u down.active{
颜色：#0096C9；
光标：指针；
显示：块；
}

首先

秒

要隐藏以显示，html中有一个键入错误。类是
angle\u up
而不是
angle.up

将一个额外的公共类
.angle
添加到
.angle\u up
和
.angle\u down
中，并将该类用作单击事件的选择器


$（文档）。在（“单击”、“.angle”上，函数（）{
var angledwn=$（'.angle'）。不（'.active'）；
$（此）.removeClass（“活动”）；
angledwn.addClass（“活动”）；
变量ele=$（'.ele'）；
元素切换（“5000”）；
});
.angle\u up、.angle\u down{
颜色：#0096C9；
显示：无；
}
.angle\u up.active、.angle\u down.active{
颜色：#0096C9；
光标：指针；
显示：块；
}

首先
秒

要隐藏以显示，无需按类选择元素，只需按标记p选择并使用.not（）在未单击的p元素上添加类即可

$（文档）。在（“单击”，“p”，函数（）{
$（此）.removeClass（“活动”）；
$（“p”）。非（此）.addClass（“活动”）；
变量ele=$（'.ele'）；
元素切换（“5000”）；
});
.angle\u up、.angle\u down{
颜色：#0096C9；
显示：无；
}
.angle\u up.active、.angle\u down.active{
颜色：#0096C9；
光标：指针；
显示：块；
}

首先

秒

要隐藏以显示
，请澄清您的具体问题，或添加其他详细信息以突出显示您所需的内容。正如目前所写的，很难说清楚你在问什么。对此我很抱歉。下面是kittycat的答案，简单地解释了我的问题。我已经对这个小小的改变发表了评论，例如，检查一下这个小小改变的第一个演示。如何在点击文本“second”时显示隐藏的文本谢谢，并为gud答案+1