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');; });