title: Div visibility toggle not working
body: <p>I'm making a tree structure using html and css. 
  This is the final structure that I should reach: <a href="http://jsfiddle.net/yrE7N/1/" rel="nofollow">http://jsfiddle.net/yrE7N/1/</a></p>
  
  <p>What I need is, on clicking a node, its children node will appear. </p>
  
  <p>I've done this till now:</p>
  
  <p>JS Fiddle: <a href="http://jsfiddle.net/ZTkLg/11/" rel="nofollow">http://jsfiddle.net/ZTkLg/11/</a></p>
  
  <p>I've used this JS function</p>
  
  <pre><code>var _hidediv = null;
      function showdiv(id) {
      if(_hidediv)
          _hidediv();
      var div = document.getElementById(id);
      div.style.display = 'block';
      _hidediv = function () { div.style.display = 'none'; };
  }
  </code></pre>
  
  <p>The thing is, the JS function doesn't seem to be toggling the visibility of the div <code>stage-two</code>.</p>
  
  <p>I've used this function before on this page: <a href="http://leonardorestaurant.in/menu" rel="nofollow">http://leonardorestaurant.in/menu</a> and it worked but I can't figure the problem out in this case. </p>