Hi, I am currently using a few hidden elements but I need them to actually hide the content rather than just make it dissapear [what I mean is when I add visibility:hidden it just leaves a black spot between the text rather than 'collapsing' it instead!]

Also, the code I have within the hidden div tag still executes. Is there any way to stop it from doing so when the element is hidden?

To remove the element:
x.style.visibility = 'hidden';
x.style.display = 'none';

To put it back:
x.style.visibility = 'visible';
x.style.display = 'block';

Also, the code I have within the hidden div tag still executes. Is there any way to stop it from doing so when the element is hidden?

Give the function a trigger, so it requires X action to run.

The display tag did it. Thanks!