I have a page that may have 10 or so editable panels of information. To enable editing, I create a new DIV, load content via AJAX then toggle the divs (the one showing toggles off and the one I created with AJAX content is toggle to show).
This works great except for the last (bottom-most) one or two areas. When those toggle, I get a visual flash on the page and the scroll bars jump a bit. It s not reloading the page nor is it adding a anchor link. In fact, it s using the exact same jQuery function as the other panels on the page.
The fix , for now, is to add an empty spacer div to the bottom of the page. This fixes the weird flash on the lower toggled panels but, obviously, leaves a weird empty space at the bottom of the page.
Has anyone ran into this issue and found a fix other than padding the height of the page?