Hide Div onClick

by Ayyappan Sakthivadivel

HTML

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

<svg width="200" height="100">
   <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" onclick="toggle_visibility2('foo2');" cursor="pointer" />
   <circle cx="150" cy="50" r="40" stroke="green" stroke-width="4" fill="red" id="foo2" />
   Sorry, your browser does not support inline SVG.
</svg>

JavaScript

function toggle_visibility(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
    }
    
function toggle_visibility2(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
    }