jQuery toggleClass无法使用引导折叠（更改图标/类）

我正在使用bootstrap3和折叠函数。 如果单击我的

plus图标

，将显示折叠面板。再次单击，面板将关闭。工作

但是我想

toggleClass

my Icon。。单击更改为

imgMinus

（打开折叠），再次单击，更改为

imgPlus

（关闭折叠）

我尝试

addClass

和

removeClass

。。什么都不管用

如果我只有一个内容容器，但不能同时使用这两个容器，那么我的代码片段就可以工作

$('.clickToggle').click(function() {
           /*if ($(this).children('div').hasClass("imgPlus")) {
             $(this).children('div').addClass("imgMinus");
             $(this).children('div').removeClass("imgPlus");
          }*/

          $(this).children('div').toggleClass('imgPlus imgMinus');
});

---

你接近了！我从html中删除了脚本标记，并将其放在小提琴的JavaScript部分。然后我删除了点击切换的额外脚本

说起来有点困惑，这是小提琴，让我知道这是否解决了它！ 下面的代码是唯一需要从+更改为-的脚本，反之亦然

另外，在你的提琴中有addClass，我相信你的意思是toggleClass（即使你的代码片段中有它）

在添加之前：

<script>
    $(document).ready(function() {
        $('.clickToggle').click(function() {
            $(this).find('div').toggleClass("imgMinus");
            $(this).find('div').toggleClass("imgPlus");
        });
    });
</script>

$（文档）.ready（函数（）{
$（'.clickToggle'）。单击（函数（）{
$（this.find（'div'）.toggleClass（“imgMinus”）；
$（this.find（'div'）.toggleClass（“imgPlus”）；
});
});

---

这也会起作用

你说得对。。非常感谢。密码是对的，但放错地方了。。现在它位于我的

main.js

-文件中。不客气！很高兴听到它能起作用，你肯定离得很近，只是需要另一双眼睛：）

<script>
    $(document).ready(function() {
        $('.clickToggle').click(function() {
            $(this).find('div').toggleClass("imgMinus");
            $(this).find('div').toggleClass("imgPlus");
        });
    });
</script>