Eu tenho duas imagens que eu preciso alternar ao clicar na imagem.

    <img id='arrowRotate' src='images/prof_arrow1.png' data-swap='images/prof_arrow.png' 
data-src='images/prof_arrow1.png' />

Quando o usuário clica na imagem, osrc deve obter o valor dedata-swap e quando você clicar novamente nosrc deve mudar paradata-src. Isso deve continuar acontecendo como uma alternância. Qualquer ajuda apreciada.

$("#arrowRotate").click(function() {
    var swapImage = $("#arrowGrey").attr("data-swap");
    $("#arrowGrey").attr({
        'src': swapImage,
        id: 'arrowOrange'
    });
});  

É aqui que eu cheguei até agora.