I can't for the life of me, find where I've gone wrong with my code.

I'm making it so that our Donators page isn't so long to scroll by having clickable tabs.



The current issue is that with each tab, the gap grows larger between the heading and the displayed donors names.



Does anyone know why this is happening? Thank you.

Source page - https://www.linuxliteos.com/dotest.html

Viewing rendered source I see you have two BR tags after each tab DIV. The script hides the DIV but since the BR tags are outside the DIVs you get more and more of them.

Click to view attachment

Viewing source the normal way there's only one BR, the non XHTML one. So I guess JavaScript is responsible for the second one. Anyway, you should get rid of them.

Thank you. Removing the extra BR tags fixed it.