html - Javascript. Using a class to refer a transition in another -

i making image slider. zooms on hover , navigates through pictures in respect of input button named .btnnext. images held in array named .myimages. working fine far though 1 problem has persisted. after .myimages transition takes effect , on hover of button transition loses it's effect making button rather mundane. how can change code below incorporate fact transition called on element has taken effect & stays in place. appreciated. :}

 **code**  $(document).ready(function(){   $('.myimages').hover(function() {     $(this).addclass('transition');   }, function() {     $(this).removeclass('transition');   }); });