Я хочу иметь 4 кнопки / ссылки в начале страницы, а под ними контент.

На кнопках я поставил этот код:

<a href="#idElement1">Scroll to element 1</a>
<a href="#idElement2">Scroll to element 2</a>
<a href="#idElement3">Scroll to element 3</a>
<a href="#idElement4">Scroll to element 4</a>

А по ссылкам будет контент:

Element1
content....
Element2
content....
Element3
content....
Element4
content....

Он работает сейчас, но не может сделать его более гладким.

Я использовал этот код, но не могу заставить его работать.

$('html, body').animate({
    scrollTop: $("#elementID").offset().top
}, 2000);

Какие-либо предложения? Спасибо.

Редактировать: и скрипка:http://jsfiddle.net/WxJLx/2/