Hi all,

does any of you have experience of getting a Javascript up and running in a single Wordpress page - ie. not all over the blog, only on one page/post?

I've got this small javascripted piece here:
http://bjerreandersen.dk/kom/kompetence.htm

- when you click on the blue words, some more text folds out.

The code on the html-version (despite the CSS) goes:

Code:
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script>
            $(function () {
                $('#intro').each(function () {
                    $('span.romance-toggle').on('click', function () {
                        var _this = $(this);
                        if (_this.hasClass('clicked')) {
                            $('#romance-' + _this.attr('rel')).hide();
                            _this.toggleClass('clicked');
                        } else {
                            $('#romance-' + _this.attr('rel')).fadeIn(500);
                            _this.toggleClass('clicked');
                            
                        }
                    });
                });
                
            });
        </script>
that just won't work in Wordpress ... at least not when I try with all the hacks I've been able to look up in threads, only making me more confused.

I'm a JavaScript newbie - so if anyone could give me a walkthrough on how to make this function in Wordpress, I would really appreciate it!

frederik