Javascript jQuery切换图像交换和显示隐藏另一个div
我试图同时切换一个图像和另一个div。我有它,所以当你点击图像时,图像切换并显示另一个div,但当你再次点击时,图像不会切换回来。我错过了什么使它切换回来Javascript jQuery切换图像交换和显示隐藏另一个div,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我试图同时切换一个图像和另一个div。我有它,所以当你点击图像时,图像切换并显示另一个div,但当你再次点击时,图像不会切换回来。我错过了什么使它切换回来 $(“#交换”)。单击(函数(){ $(“#swap nav”).toggle(“slow”,function(){}); }); $(“#交换img”)。单击(函数(){ this.src='i/icon.png'; },函数(){ this.src='i/close.png'; }); 一个 两个 我会将这两个事件合并为一个事件,
$(“#交换”)。单击(函数(){
$(“#swap nav”).toggle(“slow”,function(){});
});
$(“#交换img”)。单击(函数(){
this.src='i/icon.png';
},函数(){
this.src='i/close.png';
});代码>
一个
两个
我会将这两个事件合并为一个事件,如下所示:
$(“#交换”)。单击(函数(){
$(“#swap nav”).toggle(“slow”,function(){});
var img=$('img[data swap]',this);
var temp=img[0].src;
img[0].src=img.data('swap');
模拟数据(“交换”,临时);
});代码>
一个
两个
也许这会有所帮助
$('#swap-img').click(function () {
this.src = (this.src=='i/icon.png')?'i/close.png':'i/icon.png';
});
如果浏览器返回的值与您输入的值不同(有些人会这样做!),则可能会出现重复。例如,输入它i/icon.png
可能会返回完整的url,如http://mysite/i/icon.png
。更新了使用数据交换属性选择img的答案,以防最终解决方案中有其他图像。