Jquery手风琴头图像

我正在尝试将图像添加到accordion标题。在mouseenter和mouseout上，我能够成功地更改图像

但是，当用户选择一个手风琴时，即当一个特定的手风琴处于活动状态时，我可以更改图像。如果用户从一个手风琴移动到另一个手风琴，我无法替换离开手风琴的图像（即旧标题）。我尝试了不同的方法，但都是徒劳的

我的代码的一个工作示例在

手风琴({ 活动：错误， 可折叠：正确 }); $（函数（）{ $（'#手风琴h3'）。鼠标指针（函数（）{ var data=$（this.text（）； 如果（数据==“第1节”）{ $（“#img1”）.remove（）； $（此）。追加（“”）； } 如果（数据==“第2节”）{ $（“#img2”）.remove（）； $（此）。追加（“”）； } 如果（数据==“第3节”）{ $（“#img3”）.remove（）； $（此）。追加（“”）； } }); $（“#手风琴h3”）.mouseout（函数（）{ var data=$（this.text（）； //警报（数据）； 如果（数据==“第1节”）{ $（“#img1”）.remove（）； $（此）。附加（“”）； } 如果（数据==“第2节”）{ $（“#img2”）.remove（）； $（此）。附加（“”）； } 如果（数据==“第3节”）{ $（“#img3”）.remove（）； $（此）。附加（“”）； } }); $（“#手风琴h3”）.bind（“单击”，函数（）{ var data=$（this.text（）； //警报（数据）； var data1=$（this.attr（'class'）； var str=data1.match（/ui-accordion-header-active/ig）； 如果（数据=='Section 1'&&str=='ui accordion header active'）{ $（this.unbind（'mouseout mouseover'）； $（“#img1”）.remove（）； $（此）。附加（“”）； } 如果（数据=='Section 2'&&str=='ui accordion header active'）{ $（this.unbind（'mouseout mouseover'）； $（“#img2”）.remove（）； $（此）。附加（“”）； } 如果（数据=='Section 3'&&str=='ui accordion header active'）{ $（this.unbind（'mouseout mouseover'）； $（“#img3”）.remove（）； $（此）。附加（“”）； } }); });

.ui-state-default、.ui-widget-content.ui-state-default、.ui-widget-header.ui-state-default{
背景：#0000A0；
}
.ui手风琴头激活{
背景：#ff000f；
}
img{
宽度：16px；
高度：16px；
}

第一节
莫里斯·莫里斯·安特、布兰迪·埃特、奥特莱斯a、苏西比特·埃特。整数ut neque。胎膜早破，胎膜早破，妊娠期，调味品，无核细胞。南阿尼布。Donec suscipit Peros。南美。维韦拉·利奥·奥迪奥

第二节
塞德·努尔纳。叶舌。前庭位于阿梅特普鲁斯。亨德雷特万岁，多洛·阿利奎特·拉奥里特，毛里斯·图尔皮斯·维利特，自由女神福西布斯

第三节
Nam enim risus，molestie et，porta ac，aliquam ac，risus。奎斯克·洛博蒂斯。马萨的帕伦特斯·普鲁斯


第一项
清单项目二
清单项目三

我更改了一些ID，并重新处理了mouseenter和mouseout调用，它似乎按照您的预期工作

但是，请参考以下示例：

 $(function() {
    $('#section1').mouseenter(function () {
    $('#img1').attr("src", "http://icons.iconarchive.com/icons/filetypeicons/filetype/128/excel-icon.png");
})
    $('#section1').mouseout(function () {
    $('#img1').attr("src", "http://icons.iconarchive.com/icons/iconsmind/outline/256/File-Excel-icon.png");
})