Javascript更改图像并不总是有效

Question

我制作了带图像的菜单。 我有2个div，每个里面有3个图像，所以我看起来像菜单。当我点击上面的图像时，它下面的图像会改变以突出显示上面的图像。

JavaScript可以工作，但是如果我多次点击图像有时会无法正常工作。 那我怎么能确定JavaScript不会滞后？我无法弄清楚它的编码问题或位置或其他任何内容......

通过不正常工作我的意思是，如果我多次点击图像有时候应该改变以突出显示顶部图像的图像不会改变我不知道它是否是我的电脑.. 这是代码http://codepen.io/DarkLord22/pen/Ghwbj

<div class="Menu1">
<div id="Menu1_1">
<img src="images/menu1/Landing_Campaign_Smartwatch_menu1_1.jpg" width="395" height="300" onclick="changeImage1() , removeImage1()"></div>
<div id="Menu1_1">
<img src="images/menu1/Landing_Campaign_Smartwatch_menu1_2.jpg" width="395" height="300" onclick="changeImage2(), removeImage2()">
</div>
<div id="Menu1_1">
<img src="images/menu1/Landing_Campaign_Smartwatch_menu1_3.jpg" width="395" height="300" onclick="changeImage3(), removeImage3()">

    

<div id="Menubluebuttondiv">
    <div id="Menubluebutton">
      <img src="images/Landing_Campaign_Smartwatch_blue_arrow.jpg" width="395" height="42" id="toChange1"></div>
    <div id="Menubluebutton">
         <img src="images/Landing_Campaign_Smartwatch_Bluearrow2.jpg" width="395" height="42" id="toChange2">
    </div>
    <div id="Menubluebutton">
        <img src="images/Landing_Campaign_Smartwatch_Bluearrow2.jpg" width="395" height="42" id="toChange3">
    </div>
</div>