Biomod/2014/NTU/Templates/js/index.js

$(document).ready(function() {  
            $("#test1").hover(function(){ $("#testslide1").animate({left: '+0px'},500);},
           function(){ $("#testslide1").animate({left: '-300px'},500);});
             $("#test1").hover(function(){ $("#testslide11").animate({left: '+0px'},500);},
            function(){ $("#testslide11").animate({left: '-300px'},500);});
 
           $("#test2").hover(function(){ $("#testslide2").animate({right: '+0px'},500);},
            function(){ $("#testslide2").animate({right: '-300px'},500);});
           $("#test2").hover(function(){ $("#testslide22").animate({right: '+0px'},500);},
             function(){ $("#testslide22").animate({right: '-300px'},500);});

            $("#test4").hover(function(){ $("#testslide4").animate({right: '+0px'},500);},
            function(){ $("#testslide4").animate({right: '-300px'},500);});
            $("#test4").hover(function(){ $("#testslide44").animate({right: '+0px'},500);},
            function(){ $("#testslide44").animate({right: '-300px'},500);});
          
           $("#test5").hover(function(){ $("#testslide5").animate({left: '+0px'},500);},
            function(){ $("#testslide5").animate({left: '-300px'},500);});
            $("#test5").hover(function(){ $("#testslide55").animate({left: '+0px'},500);},
            function(){ $("#testslide55").animate({left: '-300px'},500);});



          });