Tengo un div de cursor personalizado que cambia al pasar el mouse sobre varios elementos. Hasta ahora, tengo el cursor expandiéndose al pasar el mouse sobre .nav-item-wrapper y encogiéndose al pasar el mouse sobre p .
Estoy tratando de hacer que la .cursor-div is--link cambie al pasar el mouse sobre todos a pero tengo problemas.
Aquí está mi jQuery dentro del <body> :
<script> $('.nav-item-wrapper').on('mouseenter mouseleave', function() { $(this).toggleClass('is--active'); $(this).find('.nav-highlight').toggleClass('is--active'); }); /**pointer link hover toggle**/ $('.nav-item-wrapper').not('.w--current').on('mouseenter mouseleave', function() { $('.cursor-div').toggleClass('is--link'); }); /** pointer text hover toggle **/ $('p').on('mouseenter mouseleave', function() { $('.cursor-div').toggleClass('is--text'); }); </script> Intenté agregar esto pero interfiere con el cambio de clase .nav-item-wrapper .
$('a').on('mouseenter mouseleave', function() { $(cursor-div).toggleClass('is--link');; });