Can I shorten this code?

Ask the community
, ,
1

Hello respected members of this forum. I made a JS code that runs an effect over a container when hovered. Works as intended, just wondering if I can shorten the code or simplify it as I need to do this for multiple containers.

Demo:

https://streamable.com/urtm0m

import wixAnimations from 'wix-animations';

let effect = wixAnimations.timeline();

$w.onReady( function () {
 const Container = $w("#box1");

  effect
    .add( Container, {
 "scale": 1.025,
 "duration": 175
    } );

  $w("#box1").onMouseIn( () => {
    effect.play();
  } );

  $w("#box1").onMouseOut( () => {
    effect.reverse();
  } );
});