There is content I want to toggle - if the user clicks a button they can switch between data sets. The problem occurs when the user clicks the toggle button and the initially hidden content comes to view. When this happens, the page scrolls to the top. See the problem here: http://jsfiddle.net/CZspU/2/.
Does anyone have any idea why this may happen?
EDIT: After doing some thinking and experimenting I realize it does make sense. The list is still there, just hidden. So when it is toggled the page stays at the same position, it's just that the second list is "further down" the page. Not sure how to change this... Maybe instead I need to clear the list and add the content.