javascript - jQuery 経由でスワップされるイメージに応じて var 値を変更します

Question

クリックしたときに画像を交換するjQuery関数があります。これはうまくいきますが、表示されている画像に応じて $.get を使用してパラメーターを渡したいと思います。

これが文脈です。たくさんのコメントと、それぞれの横に「いいね」の画像があります。サムズアップがクリックされると、緑色に変わり、$.get メソッドを介して PHP スクリプトが呼び出されます。これは機能しますが、ユーザーが「親指を立てる」ことができるようにして、既に緑色になっているものをクリックすると、賛成票を削除できるようにしたいと考えています。これが私がこれまでに持っているものです。

私のjQuery：

<script>

$(document).ready(function() {  

$('.thumb a').on('click', function(e) {

    e.preventDefault();
    var $img = $(this).find('img');

    var $idshow = $(this).attr("id");

    $img.attr('src', function(_,s) {
         return s.indexOf('thumbs_up_green') > -1 ? '../images/thumbs_up.png'
                                                  : '../images/thumbs_up_green.png'                                                                               
    });

    //HERE IS THE VARIABLE I WANT TO BE ABLE TO CHANGE
    var $action = "add";        

    $.get("thumb_up_tip.php?tip_id=" + $idshow + "&action=" + $action)      
});

});
</script> 

上記のコードで、ボタンが「thumbs_up.png」から「thumbs_up_green.png」に移動する場合、var $action を「add」にする必要があります。「thumbs_up_green.png」から「thumbs_up.png」になる場合は、var $action を「減算」にする必要があります。

どんな推奨事項も素晴らしいでしょう！