I'm not sure how to accomplish this, but I wanted to have the five divs (brunch, lunch, etc.) to only show up on the screen one at a time, where the user will then be able to scroll up and down using the browser's default scroll bar. The user would then be able to use the two arrow buttons on the bottom to then go to the other divs, and then loop back to the first div.

I would like it that when the user scrolls through the content, it doesn't show the content moving up the screen.

Here is the website so far:
http://gds.parkland.edu/student/fall...inal/menu.html