Instructions on the left, assignment on the right. thx

jQuery "mouseenter" and "mouseleave" Within the "animals.html webpage, when a user hovers their mouse over an animal image, the image is expected to enlarge in size; when the user moves the mouse away from the image, the animal image returns to its original size. However, this behavior has not been implemented yet. The purpose of this activity is to add this behavior via JavaScript and jouery. The jQuery event handlers that look for if a mouse is hovering over an element are and Instructions The only file you will need to alter for this activity is "hover.js" - all the necessary HTML and CSS has been added to "animals.html" and "site.css" respectively. Within the Javascript file "hover.js". you must write the event handlers for both and . Within your and event handlers, you may put the following code inside of mouseenter and mouseleave respectively. NOTE: Ifyou find yourself struggling with the concept of event hondlers, you've aiready encountered them in the previous module "Javascript ond jQuery". on'"click", .. );. A list of jQuery's most commonly used event handiers are provided below -you will have to utilize externai documentation to understand these events fully