javascript - アイテムがクリックされたときに onmouseover="this.src='xxx'" を変更します

Question

ホバーするとsrcが変更されるこの画像があります：

<img id="apripreventivo" src="img.svg" onmouseover="this.src='img_hover.svg'" onmouseout="this.src='img.svg'">

次に、その画像がクリックされたときに div ( #contact-form )を切り替えるスクリプトがあります。

$(document).ready(function(){

        $("#contact-form").hide();
        $("#apripreventivo").show();

    $('#apripreventivo').click(function(){
    $("#contact-form").slideToggle();
    });

});

上記の関数を書き直して、画像 ( #apripreventivo ) をクリックすると、そのonmouseoversrc がたとえば *img_hover2.svg* に変更されるようにするにはどうすればよいですか ("通常の" src とonmouseout同じです。それでも#contact-form " div トグルその後、もう一度クリックするonmouseoverと元に戻ります (*img_hover.svg*)。