Hi b1Mind and thnaks so much for responding.
That's great advice about adding the color property in my GSAP rather than the jquery and gives me a much more pleasing transition on the 'kerbside' and 'karaoke' elements.
I'm still a bit confused about how to do the following bit better:
$(".nav-item").on("mouseenter", function(event){
$(event.currentTarget)
.css("color", "white")
What I want acheive is, when mouse enters any .nav-item element, only that targeted .nav-item will be effected by hover effects such as color change, scale, y-reposition etc. can I write something in GSAP which is the equivalent of jquery's event.currentTarget. Or is that what #myElement does?
Thanks in advance