Want to change javascript addEventListener from mouseover hover to click

To make the info card toggle on click rather than hover, replace the 'mouseover' and 'mouseleave' event listeners with 'click' listeners in your JavaScript code.

Ensure that your click function checks if the info card is currently visible, and then either shows or hides it based on that state.

For mobile compatibility, consider utilizing touch events in addition to click events or leverage libraries that handle touch and click uniformly.

Test your implementation on multiple devices to confirm that the click toggle function works seamlessly across platforms.

Read at SitePoint Forums | Web Development & Design Community