I am using this code to add a class on mouse hover to a link button and remove it on mouse leave.jQuery(.banner-wrap__color-1 > .banner-wrap__inner > .banner-wrap__desc > .banner-btn > .btn-link).hover(function () {    jQuery(.banner-wrap__color-1 > .banner-wrap__inner).toggleClass(active);    jQuery(.banner-wrap__color-1).toggleClass(active);});jQuery(.banner-wrap__color-2 > .banner-wrap__inner > .banner-wrap__desc > .banner-btn > .btn-link).hover(function () {    jQuery(.banner-wrap__color-2).toggleClass(active);});jQuery(.banner-wrap__color-3 > .banner-wrap__inner > .banner-wrap__desc > .banner-btn > .btn-link).hover(function () {    jQuery(.banner-wrap__color-3).toggleClass(active);});jQuery(.btn-align > .btn-inverse).hover(function () {    jQuery(.service-box__style-1).toggleClass(active);});
Toggling class on mouse hover
javascript;beginner;jquery;event handling