menu test

by jch02140

HTML

<a href="index2.html" title="Switch" class="menulink">
        <img src="http://placehold.it/333/3ef/img/picture2.jpg" id="menu1" /></a>
    <a href="#" title="Switch" class="menulink">
        <img src="http://placehold.it/333/3ef/img/picture2.jpg" id="menu2" /></a>

touchend <=> mouseup <br />
touchstart <=> mousedown

JavaScript

$(document).ready(function(){
  $(".menulink").eq(0).touchend(function(){
        $('#menu1').attr('src', 'http://placehold.it/333/3ef/img/picture2.jpg');
  });
  $(".menulink").eq(0).touchstart(function(){
        $('#menu1').attr('src', 'http://placehold.it/333/fe3/img/picture1.jpg');
  });
  $(".menulink").eq(1).touchend(function(){
        $('#menu2').attr('src', 'http://placehold.it/333/3ef/img/picture2.jpg');
  });
  $(".menulink").eq(1).touchstart(function(){
        $('#menu2').attr('src', 'http://placehold.it/333/fe3/img/picture1.jpg');
  });
});