Javascript 使用Jquery单击时更改图像/类？

嗨，我目前正在为我的Javascript类练习JQuery。我已经取得了树懒的进步，但找到工作感觉很好。（登录表单向下滑动并将加号更改为减号）我的问题似乎是将减号类更改为加号，而不是像现在这样破坏表单。有人能告诉我我的代码有什么问题吗？请原谅我的愚蠢

//广告中的淡入淡出
$（文档）.ready（函数（）{
$（“#广告”）。制作动画({
顶部：“100px”，
});
//结束广告
$（“#adbtn”）。单击（函数（）{
美元（“#ad”）。淡出（5000）；
});
$（“.plus”）。单击（函数（）{
$（“表单”）.slideToggle（500）；//半秒持续时间
$（.plus”）.removeClass（“plus”）.addClass（“减号”）；
})；//结束函数
}); // 端函数
$（文档）.ready（函数（）{
$（“#广告”）。制作动画({
顶部：“100px”，
});
//结束广告
$（“#adbtn”）。单击（函数（）{
美元（“#ad”）。淡出（5000）；
});
$（“.plus”）。单击（函数（）{
$（“表单”）.slideToggle（500）；//半秒持续时间
$（.plus”）.removeClass（“plus”）.addClass（“减号”）；
})；//结束函数
$（“.减号”）。单击（函数（）{
$（“form”）.slideUp（500）；//半秒持续时间
$（“.减号”）.removeClass（“减号”）.toggleClass（“加号”）；
})；//结束函数
}); // 结束功能

正文{
背景色：#fff；
字体系列：arial，无衬线；
字体大小：100%；
}
a{
颜色：蓝色；
}
#欢迎p strong{
颜色：海军蓝；
字体大小：1.2米；
}
#欢迎p：第一种{
边缘底部：50px；
}
部分{
边缘底部：50px；
}
/*主容器*/
#主要{
宽度：960px；
保证金：50px自动；
边框：2倍实心#000；
填充：20px；
背景色：#E0FF；
位置：相对位置；
框大小：边框框；
}
/*模板容器*/
#罗金迪夫{
宽度：300px；
位置：绝对位置；
左：650px；
顶部：6px；
z指数：100；
边界：1件坚固的海军；
}
/*显示文本“Login”的段落，单击该文本可显示/删除表单*/
#登录{
保证金：0；
光标：指针；
背景色：rgb（255、255、255）；
填充：5px02px30px；
}
#登录：悬停{
背景色：rgb（110138195）；
}
/*登录表单的加号图标*/
.另外{
背景：url（img_open.png）不重复8px 7px；
背景色：rgb（110138195）；
}
/*登录表单的减号图标*/
.减去{
背景：url（img_close.png）不重复8px 7px；
}
/*当页面加载时，表单被隐藏*/
#登录表单{
填充：10px 10px 10px 10px；
显示：无；
背景色：rgb（255、255、255）；
}
#loginDiv标签{
显示：块；
宽度：100px；
边际：0 15px 0 0；
}
#登录输入{
字体大小：1.2米；
边界：1件坚固的海军；
}
#loginDiv输入：焦点{
背景色：rgb（110138195）；
边界：2件坚固的海军；
}
#loginDiv输入[类型=按钮]{
宽度：100px；
}
页脚{
文本对齐：居中；
边缘顶部：50px；
边缘底部：10px；
填充：20px；
边框顶部：1px实心#000；
}
/*页面加载时不显示广告*/
#广告{
宽度：300px；
高度：300px；
边框：1px实心#000；
背景颜色：黄色；
位置：绝对位置；
左：330px；
顶部：-500px；
/*您可以在初始阶段更改此设置，仅用于查看目的，但请确保将其设置回原位*/
框大小：边框框；
背景图片：url（ad.jpg）；
背景重复：无重复；
}
/*广告上的关闭按钮*/
#adbtn{
宽度：50px；
高度：50px；
边框：2倍实心#000；
边框顶部宽度：1px；
右边框宽度：1px；
背景色：#fff；
字号：3em；
文本对齐：居中；
光标：指针；
框大小：边框框；
位置：绝对位置；
顶部：0px；
右：0px；
}

登录

用户名：


密码：




欢迎访问本地jQuery用户组网站
单击页面顶部的登录按钮进行登录。要成为会员，请

关于此页面布局：
主容器（父容器）具有“相对”定位，因此“登录”容器可以相对于该主容器进行绝对定位。否则，它将默认为相对于窗口绝对定位

为了让登录面板位于页面顶部，我们需要使用绝对定位，否则，它会像常见问题解答任务中那样向下移动其余内容。从技术上讲，绝对定位将该元素从
文档的正常流程，使其位于页面顶部。“ad”也绝对位于同一主容器上

本周议程：
本周二晚上7:00至8:00太平洋标准时间将使用我们的WebEx会议软件举行现场会议。它将被记录下来！请注意，代码示例将在我们的GitHub存储库中提供

版权及副本；本地jQuery用户组
X

您可以使用切换类而不是删除类和添加类。此外，您应该更改handle函数中的.plus选择器以引用元素（此）

---

您可以使用toggleClass代替removeClass和addClass。此外，您应该更改handle函数中的.plus选择器以引用元素（此）

---

$（此）.toggleClass（“加”）.toggleClass（“减”）；“this”指的是plus的这个特定元素？不然怎么可能是美元（这个）。是否要使用？在这种事件处理程序定义中，this关键字引用处理程序所引用的元素。这意味着在发送给click（）的函数中，它引用了特定的.plus元素，即使它丢失了plus类。所以，$（这）是访问

$(".plus").click(function(){
      $("form").slideToggle(500);  // half second duration
      $(this).toggleClass("plus").toggleClass("minus");
}); // end function