Javascript 仅更改折叠容器的图像src

当容器打开或关闭时，我有两个侦听器

但是，当容器打开时，所有图像都会更改，而当容器同时关闭时，所有图像都会更改

我只想将打开的容器的图像更改为负数，其余的图像保留为正数图像，反之亦然

我正在为可折叠容器功能使用引导

以下是我目前拥有的：

$（'#accordion'）.on（'show.bs.collapse'，函数（e）{
$（this.find（“.panel icon”）.attr（'src'，'https://s22.postimg.org/hkrauaofx/Mathematic_Minus2.png');
});
$（'#accordion'）.on（'hidden.bs.collapse'，函数（e）{
$（this.find（“.panel icon”）.attr（'src'，'https://s22.postimg.org/9takvqkal/Mathematic_Plus2.png');
});
.container{
宽度：75%；
}
.头{
背景：#D9DBDE；
}
.小组标题{
背景色：#D9DBDE；
填充：20px；
边缘底部：10px；
边界半径：0；
}
.小组标题{
字号：21px；
显示：块；
宽度：100%；
颜色：#4F5858；
线高：1.3；
字体大小：正常；
}
.面板图标{
宽度：30px；
填充物：5px；
}

表1
表1
电子邮件
表2
表2
表3
表3
表4
表4
表5
表5
试试这个，我用了
.panel
而不是
#accordion
，用
#accordion
（这个）。find
会在里面找到所有
img

$('.panel').on('shown.bs.collapse', function(e) {
  $(this).find(".panel-icon").attr('src', 'https://s22.postimg.org/hkrauaofx/Mathematic_Minus2.png');
});

$('.panel').on('hidden.bs.collapse', function(e) {
  $(this).find(".panel-icon.collapsed").attr('src', 'https://s22.postimg.org/9takvqkal/Mathematic_Plus2.png');
});

试试这个，我用
.panel
代替了
#accordion
，用
#accordion
（这个）。find
会在里面找到所有
img

$('.panel').on('shown.bs.collapse', function(e) {
  $(this).find(".panel-icon").attr('src', 'https://s22.postimg.org/hkrauaofx/Mathematic_Minus2.png');
});

$('.panel').on('hidden.bs.collapse', function(e) {
  $(this).find(".panel-icon.collapsed").attr('src', 'https://s22.postimg.org/9takvqkal/Mathematic_Plus2.png');
});

以下是一种自然安全的方式。我还更新了您的JSFIDLE：

下面是一个本地和安全的方式。我还更新了您的JSFIDLE：

将
$（'#accordion'）
更改为
$（'.panel'）
，如下所示：

$('.panel').on('shown.bs.collapse', function(e) {
  $(this).find(".panel-icon").attr('src', 'https://s22.postimg.org/hkrauaofx/Mathematic_Minus2.png');
});

$('.panel').on('hidden.bs.collapse', function(e) {
  $(this).find(".panel-icon").attr('src', 'https://s22.postimg.org/9takvqkal/Mathematic_Plus2.png');
});

以下是将
$（“#手风琴”）更改为
$（“.panel”）
，如下所示：

$('.panel').on('shown.bs.collapse', function(e) {
  $(this).find(".panel-icon").attr('src', 'https://s22.postimg.org/hkrauaofx/Mathematic_Minus2.png');
});

$('.panel').on('hidden.bs.collapse', function(e) {
  $(this).find(".panel-icon").attr('src', 'https://s22.postimg.org/9takvqkal/Mathematic_Plus2.png');
});

这是