Javascript 在spoliers块中单击更改标记

我需要创建一个破坏者块。一个扰流板底座应该在点击后显示，扰流板的标题应该将其图标从“+”改为“-”，并变为粗体。单击另一个扰流板时，应隐藏上一个扰流板，并将其图标从“-”更改回“+”。 在下面的代码中，“+”改为“-”，但对于所有扰流板，不能再更改。 非常感谢您的帮助！

jQuery（document）.ready（函数（$）{
//破坏者
变量图标=$（'.spoiler_links'）；
icon.find（'span'）.text（'+'）；
$（'.spoiler_links'）。单击（函数（）
{
$（this）.parent（）.children（'div.spoiler_body'）。toggle（'fast'）；
变量图标=$（'.spoiler_links'）；
icon.find（'span'）.text（'-'）；
返回false；
});
});
.spoiler\u车身{
显示：无；
}
.U链接{
光标：指针；
颜色：#5f6a70；
文字装饰：无；
显示：块；
字号：1em；
}
.扰流器{
字号：0.9em；
}
.扰流板锁{
填充：1%0；
边框底部：1px实心#dddede；
}
.图标{
字号：1.8em；
字体大小：粗体；
颜色：#51758c；
显示：内联块；
浮动：对；
位置：相对位置；
}

无标题文件

内容


内容


内容

试试这个：

jQuery(document).ready(function ($) {
//SPOILERS  
var icon = $('.spoiler_links');
icon.find('span').text('+');
$('.spoiler_links').click(function () {
    $(this).parent().children('div.spoiler_body').toggle('fast');
    var icon = $(this).find('span.icon');
    icon.text('-');
    return false;
});

}))
 
jQuery（document）.ready（函数（$）{
变量图标=$（'.spoiler_links'）；
icon.find（'span'）.text（'+'）；
$（'.spoiler_links'）。单击（函数（）
{
$（'*'）.css（'font-weight'，'normal'）；
var$other_sporters=$（'a.sporter_links'）。不是（这个）；
$other_sporters.sides（）.hide（'fast'）；
$other_sporters.find（'span'）.text（'+'）；
$（this.css（'font-weight'，'bold'）；
$（this）.sides（）.toggle（'fast'，function（））{
var$icon=$（this）.sibbines（'a.spoiler\u links'）。find（'span'））
如果（$icon.text（）=='+'））{
$icon.text（“-”）
}否则{
$icon.text（“+”）
}
})
返回false；
});
});
.spoiler\u车身{
显示：无；
}
.U链接{
光标：指针；
颜色：#5f6a70；
文字装饰：无；
显示：块；
字号：1em；
}
.扰流器{
字号：0.9em；
}
.扰流板锁{
填充：1%0；
边框底部：1px实心#dddede；
}
.图标{
字号：1.8em；
字体大小：粗体；
颜色：#51758c；
显示：内联块；
浮动：对；
位置：相对位置；
}


内容


内容


内容