Javascript 如何使用jQuery切换加号和减号图标？

我想切换

指南内容

div并将

+

图标更改为

-

图标，然后再次将

-

更改为

+

图标。为此，我使用jQuery和HTML：

$（文档）.ready（函数（）{
$（“.collapse”）。单击（函数（）{
$（this）.parents（）.next（“.guide content”）.toggle（）；
$（此）.text（“+”）；
}，函数（）{
$（此）.text（“-”）；
$（this）.parents（）.next（“.guide content”）.toggle（）；
});
});

アンティーク着物について +
アンティーク着物について +
我不完全确定您的意图，但一种策略是只使用两个元素，一个隐藏，然后切换两个元素：


$（文档）.ready（函数（）{
$（“.guide collapse”）。单击（函数（）{
$（this.find（'h2 span'）.toggle（）；
$（this.find（'.guide content'）.slideToggle（）；
});
});

アンティーク着物について +-
在这里引导内容。
アンティーク着物について +-
在这里引导内容。
如果需要切换行为，请将JS代码更改为以下内容：

$(document).ready(function() {
    $(".collapse").click(function() {
        $(this).parents().next(".guide-content").toggle();
        if($(this).text() == "+"){
            $(this).text("-");
        }
        else {
          $(this).text("+");
        }
        
    });
});

这将在每次单击时将文本更改为“+”（如果是“-”）和“-”（如果是“+”）。
我将使用CSS根据类进行切换

这将允许您使用图标以获得更多细节和灵活性

$('body').on('click', '.collapse', function(event) {
    $(this).toggleClass('isActive');
});

我认为
click（）
方法不像您那样接受回调。如果您检查，您会发现
.click（）
的工作方式与
.hover（）
@ChrisG的工作方式不同。还有其他方法吗？您希望实现什么？是否要在单击时将+更改为-然后再次单击时将-更改为+？或者您想在一段时间后将+更改为-然后自动更改为+吗？@Mythos on click+to-然后单击-to+
guide content
div包含我需要切换的实际内容，并将图标从+更改为-然后更改为+最佳答案和简单操作：）