Sliding Content one by one, otherwise show all contents

[swerverce]

My site is sliding content vertically. But what's happen: If i'm on home screen, and want to click on the last menu item (Newsletter) .. the sliding show ALL contents before reach the destination link (Newsletter)..So.. i want to know, what i need to do to slide only the menu item i have clicked, otherwise all contents.This is my working site with this problem: http://www.alsite.com.br/luxxxAnd this is my sliding script:\[code\]$(document).ready(function() { //get all link with class panel $('a.panel').click(function () { //reset and highlight the clicked link $('a.panel').removeClass('selected'); $(this).addClass('selected'); //grab the current item, to be used in resize function current = $(this); //scroll it to the destination $('#wrapper').scrollTo($(this).attr('href'), 800); //cancel the link default behavior return false; }); //resize all the items according to the new browser size $(window).resize(function () { //call the resizePanel function resizePanel(); }); function resizePanel() { //get the browser width and height width = $(window).width(); height = $(window).height(); //get the mask height: height * total of items mask_height = height * $('.item').length; //set the dimension $('#wrapper, .item').css({width: width, height: height}); $('#mask').css({width: width, height: mask_height}); //if the item is displayed incorrectly, set it to the corrent pos $('#wrapper').scrollTo($('a.selected').attr('href'), 0);} });\[/code\]thanks for help!