JQuery problems with the ScrollTo() function
<p>I have a menu like this:</p>

<pre><code>&lt;ul id="menu"&gt;
&lt;li&gt;&lt;a href="#home_slider" id="home"&gt;Home&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#portfolio_slider" id="portfolio"&gt;Potfolio&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#contact_slider" id="contact"&gt;Contact&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>and I want to use ScrollTo() to go to the parts when clicked. Im having trouble with the JQuery, so far I have:</p>

<pre><code>$("#menu a").click(function(event) {
    $("#menu a").removeClass('selected');
    $(this).addClass('selected');
    $('.sliders').scrollTo($(this).attr('href'));      
     //cancel the link default behavior
     return false;        
});
</code></pre>

<p>I don't want the screen to move, I just want the .sliders div to horizontally scroll to the correct slider.</p>

<p>Check more code out here: <a href="http://www.rickdonohoe.co.uk" rel="nofollow">http://www.rickdonohoe.co.uk</a>.</p>

<p>Thanks for the help,</p>

<p>Rick</p>
