Javascript jQuery切换图像交换和显示隐藏另一个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'; }); 一个 两个 我会将这两个事件合并为一个事件,

我试图同时切换一个图像和另一个div。我有它,所以当你点击图像时,图像切换并显示另一个div,但当你再次点击时,图像不会切换回来。我错过了什么使它切换回来

$(“#交换”)。单击(函数(){
$(“#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的答案,以防最终解决方案中有其他图像。