Jquery动画img悬停并单击

Question

我需要你的帮助来组合2个动画。我已经检查过我是否可以在网站上找到答案，我仍在寻找答案。这就是我发帖的原因。

这是我的jQuery代码

$('.bloc-search').on('click mouseover', function () {
    $(this).find('.search').attr('src', function(i, val) {
        return val.replace('-blue.png','-blanc.png');
    });
});

它几乎完美无缺。为何几乎？因为我想要一个“clic out”功能。事实上，当用户对图像进行陈词滥调时，这个变化很好，但是当我再次点击时，我希望它恢复原来的状态。

与此网站上的搜索按钮类似：http://www.sony.fr/

对不起，我的英语不是双语; - ）

感谢您的帮助