Javascript: toggle loading InnerHTML
<pre><code>&lt;script&gt;
    function toggle_table() {
        visibility = document.getElementById("table").style.visibility;
        document.getElementById("table").style.visibility = (visibility == 'visible') ? 'hidden' : 'visible';
        document.getElementById("toggle_table").innerHTML = (visibility == 'visible') ? 'Open' : 'Close';
    }
&lt;/script&gt;

&lt;form method='POST'&gt;
    &lt;a id='toggle_table' href='#' onClick='toggle_table()'&gt;Open&lt;/a&gt; WIJZIGEN PROCES
    &lt;table id='table' style='visibility: hidden'&gt;
    &lt;/table&gt;
&lt;/form&gt;
</code></pre>

<p>This works great. Though I don't want to just make it invisible, I want to not render the innerHTML (so it won't take it's space when invisible). Similar to this <a href="http://stackoverflow.com/questions/9694346/toggle-innerhtml">question</a>, though I cannot make use of JQuery (requirements). Is this in a rather simple way with plain JavaScript, without the need of putting the whole HTML-content in Javascript?</p>
