how to use mootools?

I try to make this demo working on my modx installation: http://demos.mootools.net/Accordion

But when I just copy all data into a page it doesn’t work. I just see all the text expanded.
How can I use mootools just on a single page?

Create a new template specifically for the page needing mootools. Or you could also create a TV for adding additional things to the document head and assign it to your template, where you add any page-specific javascript or CSS.

As far as mootools-specific questions, MODx shouldn’t do anything to change what you tell it to output, so you’ll just have to go through it line by line until you figure out what’s missing.

Good luck!

Getting the mootools examples to work is a bit of a pain if you just look at the demos. They only give a bit of code and assume you know where to put it. I would suggest to take a look at the real page source to see where the stuff belongs. Also you might run into problems when you have quickedit enabled, because that also uses mootools and if you have a different version you might have a conflict.

In short your page/template should look a bit like this (note the code below is untested, but I believe it is OK):