Toggle Visibility - Show/Hide on click

Toggle Visibility - Show/Hide on click

by Nirvanachain

HTML

<a href="#" onclick="toggle_visibility('foo');">Click here to toggle visibility of element #foo</a>
<div id="foo">This is foo</div>

CSS

#foo {display:none;}

JavaScript

// Function for when text should be visible by default
/*
function toggle_visibility(id) {
       var e = document.getElementById(id);
       if(e.style.display != 'none')
          e.style.display = 'none';
       else
          e.style.display = 'block';
};
*/

// Function for when text should be visible by default
function toggle_visibility(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
};