Jquery 交换图像并切换div onclick

我有一个动态填充的无序列表。其他所有列表项都将隐藏。第一个列表项包含一个图像，单击后立即显示列表项。我的代码的这一部分工作正常。我似乎不知道如何在单击时交换切换图像。现在图像保持不变

谢谢你能提供的任何帮助

$（文档）.ready（函数（）{
$（“.slidingDiv”）.hide（）；
$（'.show_hide'）。单击（函数（e）{
$（“.slidingDiv”）.slideToggle（“慢”）；
var val=$（this）.src（）==”http://icdn.pro/images/en/m/i/minus-icone-9730-128.png" ? "https://cdn4.iconfinder.com/data/icons/miu/22/circle_add_plus-128.png" : "http://icdn.pro/images/en/m/i/minus-icone-9730-128.png";
$（this.hide（）.src（val.fadeIn）（“慢”）；
e、 预防默认值（）；
});
});



标题
知识本身就是一种美德，它是一种精英，是一种伟大的精神财富


根据康努比亚·诺斯特拉（conubia nostra）和希梅纳奥斯（inceptos himenaeos）的规定，社会责任和责任等级为：。libero的Curabitur sodales ligula。拉齐尼亚·努克阁下。库拉比图侵权人。佩伦茨克笔尖。埃尼安·夸姆。在多洛的权杖扫描电镜中。梅塞纳斯·马蒂斯。Sed convallis tristique sem。在门的舌苔上。摩比·莱索斯、艾库利斯·维尔、苏西皮特·奎斯、卢克图斯·农、马萨。长舌苔。同侧毛里斯。


标题
知识本身就是一种美德，它是一种精英，是一种伟大的精神财富


根据康努比亚·诺斯特拉（conubia nostra）和希梅纳奥斯（inceptos himenaeos）的规定，社会责任和责任等级为：。libero的Curabitur sodales ligula。拉齐尼亚·努克阁下。库拉比图侵权人。佩伦茨克笔尖。埃尼安·夸姆。在多洛的权杖扫描电镜中。梅塞纳斯·马蒂斯。Sed convallis tristique sem。在门的舌苔上。摩比·莱索斯、艾库利斯·维尔、苏西皮特·奎斯、卢克图斯·农、马萨。长舌苔。同侧毛里斯。

src（）
不是jQuery对象的方法。如果要读取/写入
src
attribure，可以直接在元素上执行（
this
在事件处理程序中），也可以使用jQuery
attr（）函数执行。在下面的代码中，我使用了两种方法：直接读取和
attr（）
写入：


$（文档）.ready（函数（）{
$（“.slidingDiv”）.hide（）；
$（'.show_hide'）。单击（函数（e）{
$（“.slidingDiv”）.slideToggle（“慢”）；
var val=this.src==”http://icdn.pro/images/en/m/i/minus-icone-9730-128.png" ? "https://cdn4.iconfinder.com/data/icons/miu/22/circle_add_plus-128.png" : "http://icdn.pro/images/en/m/i/minus-icone-9730-128.png";
$（this.hide（）.attr（'src'，val）.fadeIn（“slow”）；
e、 预防默认值（）；
});
});



标题
知识本身就是一种美德，它是一种精英，是一种伟大的精神财富


根据康努比亚·诺斯特拉（conubia nostra）和希梅纳奥斯（inceptos himenaeos）的规定，社会责任和责任等级为：。libero的Curabitur sodales ligula。拉齐尼亚·努克阁下。库拉比图侵权人。佩伦茨克笔尖。埃尼安·夸姆。在多洛的权杖扫描电镜中。梅塞纳斯·马蒂斯。Sed convallis tristique sem。在门的舌苔上。摩比·莱索斯、艾库利斯·维尔、苏西皮特·奎斯、卢克图斯·农、马萨。长舌苔。同侧毛里斯。


标题
知识本身就是一种美德，它是一种精英，是一种伟大的精神财富


根据康努比亚·诺斯特拉（conubia nostra）和希梅纳奥斯（inceptos himenaeos）的规定，社会责任和责任等级为：。libero的Curabitur sodales ligula。拉齐尼亚·努克阁下。库拉比图侵权人。佩伦茨克笔尖。埃尼安·夸姆。在多洛的权杖扫描电镜中。梅塞纳斯·马蒂斯。Sed convallis tristique sem。在门的舌苔上。摩比·莱索斯、艾库利斯·维尔、苏西皮特·奎斯、卢克图斯·农、马萨。长舌苔。同侧毛里斯。

您可以使用jQuery
.attr（）
方法或Javascript的
src
属性来
获取图像的
或
设置图像的
src
。您还希望保留单击图像的上下文，以便可以切换到相关元素。为此，您可以替换：

$(".slidingDiv").slideToggle("slow");

与：

或者我在下面的演示中使用了什么：


$（文档）.ready（函数（）{
$（“.slidingDiv”）.hide（）；
//预加载图像
$（''，{src:https://cdn4.iconfinder.com/data/icons/miu/22/circle_add_plus-128.png"});
$（'.show_hide'）。单击（函数（e）{
e、 预防默认值（）；
$（this）.最近的（“li”）.next（.slidingDiv”）.slideToggle（“slow”）；
var val=this.src==”http://icdn.pro/images/en/m/i/minus-icone-9730-128.png" ? "https://cdn4.iconfinder.com/data/icons/miu/22/circle_add_plus-128.png" : "http://icdn.pro/images/en/m/i/minus-icone-9730-128.png";
$（this.hide（）.attr（'src'，val）.fadeIn（“slow”）；
});
});



标题
知识本身就是一种美德，它是一种精英，是一种伟大的精神财富


每平方米，每平方英寸
$(this).closest('li').next().slideToggle('slow');