Having a problem..

Hi Cory, great tutorial! Well documented and very clear.

BUT .. I am having an issue:

I want to implement just the functionality up to Step 8 (just a simple scrollTo).

My markup is equivalent to the example you use:

My Index (your "Questions") looks like this:

<ul id="index">
<li id="index-title-0"><a href="#sub-title-0">Index 0</a></li>
<li id="index-title-1"><a href="#sub-title-0">Index 1</a></li>
</ul>

My Sub-titles (your "Answers") looks like this:

<div id="sub-title-0"><h2>Title 0</h2></div>
<div id="sub-title-1"><h2>Title 0</h2></div>

My javascript file looks like this:

$(function() {
        $("#index > li").click(function() {
                var fromIndex = $(this).attr("id");
                var toTitle = "#" + fromIndex.replace("index","sub");
                $.scrollTo(toTitle, {duration: 800, axis:"y"});
            });
});

When I click on the anchor, it does a normal jump: ie. toScroll is not working.
I have checked all of the javascript code and it all outputs the correct value. The only issue is with the line:

$.scrollTo(toTitle, {duration: 800, axis:"y"});

.. which it says is not defined.

I have checked and jQueryScrollTo.js is being loaded, as it appears in the header. (I am also using Drupal 6 so added the js in the my_theme.info file)

I have used several jQuery scripèts before with success so I am a little confused as to why I cannot get this one to work.

Any ideas?