javascript - jqueryで画像を変更する

Question

リンクをクリックしたときに画像を変更したい。以下のコードがあります。最初のクリックは機能しています。しかし、2回目のクリックではそうではありません。
menu_span は「リンク ID」
です menu_image は「画像 ID」です

$(function() {  
  $("#menu_span").click( function(){

        if(document.getElementById('menu_image').src ="images/arti.jpg")
        {
            document.getElementById('menu_image').src ="images/eksi.jpg";                   
        }

        else

        if(document.getElementById('menu_image').src ="images/eksi.jpg")
        {
            document.getElementById('menu_image').src ="images/arti.jpg";

        }           
    }
  );
});

以下のように動作しています。でも「i2」は使いたくない

var i2=0;   
  $("#slider_span").click( function(){
      if(i2==0)
        {
            document.getElementById('slider_image').src ="images/eksi.jpg"; 
            document.getElementById('slider_div').style.display="inline-block";
            i2=1;
        }
        else
        if(i2==1)
        {
            document.getElementById('slider_image').src ="images/arti.jpg";
            document.getElementById('slider_div').style.display="none";
            i2=0;
        }

    }
  );

助けてください！

Answer 1

=== を使用して型変換を回避することもできます。