JQUERY - 鼠标移出时恢复类

Question

您可以查看我正在创建的这个网站:

http://www.tinybigstudio.com/proyectos/golfycia/

如果将鼠标悬停在“PRECIO”上，它会更改球图像，但是当鼠标移开时，我希望恢复整个球的图像，但我做不到。

这是 JavaScript:

<script>
$(document).ready(function () {
    $("#secciones span").hover(function () {
        $("#golfball img").removeClass("opaque");

        var imageToShow = $(this).attr("id").replace("for-", "");
        $("#golfball #" + imageToShow).addClass("opaque");

    });
});

$(document).ready(function () {
    $("#secciones span").mouseout(function () {
        $("#image-1").addClass("opaque");

    });
});

</script>

提前致谢!

Answer 1

合并所有内容:

$(document).ready(function () {
    $("#secciones span").hover(function () {
        $("#golfball img").removeClass("opaque");

        var imageToShow = $(this).attr("id").replace("for-", "");
        $("#golfball #" + imageToShow).addClass("opaque");

    },function () {
        $("#image-1").removeClass("opaque");
    });
});