Need help to solve jquery flip box event

I have been working on a site for one of my clients, and trying to figure out and tweak a flip box event. I have been using a WP theme from Avada, but unfortunately those guys have not been helpful with my query. Basically they have a flip box shortcode which my client wants to use on one of the pages, but they only have a mouseover and mouseout event added to these boxes. I have been trying to figure out how to add an additional event to them boxes, so apart from hovering people could just click/tap the boxes which would trigger the flip and click/tap again to flip back to the front both on mobile devices and desktop. At the moment each box relies on the other, so when you tap/hover on a box, it flips the box and the only way to flip it back to the front if you tap/hover on another one. Here is the link [login to view URL] to see them in action. I have found this piece code which I believe is responsible for the action: jQuery(document).ready( function(){ jQuery(".fusion-flip-box").mouseover( function({ jQuery(this).addClass("hover") }), jQuery(".fusion-flip-box").mouseout( function(){ jQuery(this).removeClass("hover") } ) }); I have tried to tweak it with no luck... I would really appreciate if someone could help me out with this. Cheers, Pete