Enthusiasm slipped to frustration then spiralled into despair. I tried to make an object slide out from the right using this page as reference LINK

It's a lack of understanding what bit does what on my part. As an example, this bit of the code is in the Head section, and looks like it's the bit that makes it do the slidey part. But how and where does one glue that into Xara? I understand the '.box' is a reference to the part of the code that created the box.

<script>
$(document).ready(function(){
$(".slide-toggle").click(function(){
$(".box").animate({
width: "toggle"
});
});
});
</script>

Don't be scared to say Here Lies Dragons. If this looks to be too far above my understanding I'll gladly move on. It's only something that's caught my attention, not something I need for a job.