I have made a mailbox which uses show/hide on :hover. However someone told me that it could be very distracting to have it like that. I know that it won’t work on :active with pure CSS so I would like to ask you guys how can I re-made it while using JS? I’m really bad with JS so I appreciate any help

sample of my mailbox: