The first step is to add the necessary JQuery libraries to the code injection part of Squarespace, in the header portion. This can be done on a page-by-page basis but if you want to use JQuery throughout your site it is best added in your Site Settings-Code Injection-Header. This can be seen in the picture below...

Jacob Weinstein is an illustrator, designer and cartoonist. He is the illustrator and co-author of FreeDarko’s book, The Macrophenomenal Pro Basketball Almanac. He is wasthe Art Director and Designer of the Philadelphia Independent. He recently received a the Xeric Grant for his first comic book, Dirty Boxes.

He lives in Philadelphia New Delhi with his cat wife.

It always helps to review what you have done. So in this next part you can see that the basic content looks appropriate. What may not be obvious is that the Jquery will not be executing at this point. Only the contents are visible.

Why? Well because...

• 1) The content entry is not the final page
• 2) Squarespace 6 assembles the elements in the final view so each section is reasonably independent
• 3) Squarespace has set up rules for how the components work together so you have to follow the rules :)

Once all your content is done you can "View Page" to see the final results.

---