带有+和-号的可折叠列表不起作用

Question

这是我为处理它而编写的脚本，但由于某种原因，没有进行+和-交换

$('.showCheckbox').click(function(e) {
var dynamicBox = $(this).attr('val');
var collapseSign = $(this).attr('id');
$('#'+dynamicBox).slideToggle();
$('#'+dynamicBox+collapseSign).html(function(_, text){
return text === '+' ? '−' : '+';
});
});

你可以在这里找到Fiddlehttp://jsfiddle.net/7Gt4L/请帮忙！

Answer 1

我认为选择器的collapseSign部分应该是一个字符串。否则，您将尝试匹配类似于#partnerspartnerscollapseSign的东西，但它并不存在：

$('.showCheckbox').click(function(e) {
var dynamicBox = $(this).attr('val');
$('#'+dynamicBox).slideToggle();
$('#'+dynamicBox+'collapseSign').html(function(_, text){
return text === '+' ? '−' : '+';
});
});

JSFiddle

Answer 2

更改：

$('#'+dynamicBox+collapseSign).html(function(_, text){
return text === '+' ? '−' : '+';
});

至：

$('#'+collapseSign).html(function(_, text){
return text === '+' ? '−' : '+';
});

这将使用单击的折叠符号的ID来更改文本。

Fiddle