New to coding – jscript and css transitions on page load issue

[overtongraphics]

Hi All,

I am new to coding and coding my first ever website

see here: [My personal site](http://www.overtongraphics.com/overtongraphics/overtongraphics.html “”)

I was getting my links growing and changing colour into what i had defined (on page load) – i think because i have css transitions on the default css for those classes, intended to make the links smooth back to that after hover off.

So i followed Chris’s tutorial here (thinking its related)
[transitions only after page load](https://css-tricks.com/transitions-only-after-page-load/ “”)

I copied everything, but maybe i’m not linking to my javascript correctly – never linked to jscript before. (because now all my transitions are permanently disabled)

this is the code in my head.

_


language=”javascript” src=”javascript.js”> _

and this is ALL the code i have in my javascript file

_$(“window”).load(function() {
$(“body”).removeClass(“preload”);
});_

on chrome inspector it says an error by my javascript

_Uncaught ReferenceError: $ is not defined_

So i guess I don’t know how to set up a jscript file basically

Any help would be hugely appreciated for this budding coder!

Thanks

Josh

[overtongraphics]

head code again

language=”javascript” src=”javascript.js”>

[overtongraphics]

language=”javascript” src=”javascript.js”>

[overtongraphics]

Sorry – ddint know how to copy it to the post

[overtongraphics]

I made a codepen if easier – sorry new to these forums posting – but been reading for a while

http://codepen.io/seraphzz/pen/Llkqo

[Paulie_D]

Off hand it looks like you aren’t referencing/loading jQuery first before your script.

https://css-tricks.com/video-screencasts/20-introduction-to-jquery/

[overtongraphics]

Thanks @Paulie_D

I’ve tried following the video and adding allt hat – can you please look at my site again because its still not owrking

Thanks

[Author]

Posts