Two JS codes in one page, only bottom working

I am trying to use these two js codes in one page:

They both work perfectly fine except when both linked up at the same time. Only the last one will work. I’ve tried to find how the codes are working when the page loads in order to fix that problem but I cant figure it out for these two specific codes.


So when you try to implement them both, then the first one does not work AT ALL? So hovering or clicking does absolutely nothing?

If you find that clicking / hovering does SOMETHING, but incorrectly, then the two scripts may be conflicting with each other due to variable names or ID’s that are the same.

That is right, the first does not do anything at all.