Javascript toggle help

Hey, hope everyone’s having a great day!

So I’m working on something, would appreciate any help on this:

I want it to be sort of like a “toggle” the div with “arrow” class being shown and hidden on hovering over the image, and then going away from it. I also want it to be a smooth transition(ease). I’ve tried using jquery , but I can’t seem to figure it out.

You successfully call the test() function by mouse over event, but there is no mouse out/leave event to call another function to hide/toggle your div.

First try to fix it to works well for mouse over, and mouse leave, then you may go get some hand of JQuery you mentioned for small smooth animation, very easy. step by step.

Keep going on good work, happy programming