Animate menu not acting the way I expected. Am I using the wrong function? Position?

Animate menu not acting the way I expected. Am I using the wrong function? Position?

I am attempting to create a menu that on click, moves up a certain amount of px and hides about 80% of the div at top of page, then on click again, it moves back down same amount of px to original position. The dix is moving on click, but it is moving down, a lot, first and then goes up and down. I have the position set to absolute, and I am using animate. I can get the div to hide and show with toggle, but then it hides the whole div and I only want a certain portion of it hidden. Thank you for help and suggestions.