javascript - 反转功能或效果

Question

我有下面的代码，但我不知道如何反转该功能。我想回到它开始的地方。第一个图像。谁能帮忙？

<div id="pin_point">
<img src="images/pin_point.png"  style="position:absolute;"/>
<img src="images/pin_point_black.png" style="position:absolute;display:none;"/>
</div>



 $(function() {
 $("#pin_point").hover(function() {
    $("#pin_point img").fadeToggle('medium');
});
 $("#pin_point").click(function() {
    $("#pin_point img").attr('src', 'images/ex.png');
});
 });

Answer 1

您可以枚举这两个图像，然后将它们.src和显示状态设置回起始状态。

var imgs = $("#pin_point img");
imgs.eq(0).attr("src", "images/pin_point.png").show();
imgs.eq(1).attr("src", "images/pin_point_black.png").hide();

如果您想要单击来重置它，您可以将单击处理程序更改为：

$("#pin_point").click(function() {
    var imgs = $("#pin_point img");
    imgs.eq(0).attr("src", "images/pin_point.png").show();
    imgs.eq(1).attr("src", "images/pin_point_black.png").hide();
});