单击第一张图像时如何隐藏第二张图像，然后在第二次点击时再次显示？

Question

所以我试图用这段代码做的是当我点击第一张图片时出现第二张图片，然后在第二次点击时消失。

有关示例和代码，请参阅并点击第一张图片：http://jsfiddle.net/dc234561/QLdck/

HTML：

<img name="MP" id="mp" img src="img/gorillaz-plasticbeach.jpg" data-artist="Gorillaz" data-album="Plastic Beach"/>
<img id="loadingImage" src="ajax-loader.gif"/>

jQuery的：

$(document).ready(function(){
  $("#mp").click(function(){
    $("#loadingImage").show();
  });
  $("#mp").click(function(){
    $("#loadingImage").hide();
  });
});

Answer 1

尝试使用.toggle()而不是将事件绑定两次，

$(document).ready(function () {
    $("#mp").click(function () {
        $("#loadingImage").toggle();
    });
});

DEMO