title: div won't display on click of an image
body: <p>No idea where the problem lies, tried various things and I'm not having any luck. I've done this successfully before in the past but now it won't work, any help would be great...</p>
  
  <p>HTML snippet: </p>
  
  <pre><code>&lt;tr&gt;
      &lt;td class="tableContent noBorderSides paddingAll"&gt;&lt;img class="imgResize" src="images/emptyCircle.png" onclick="expandItem()"/&gt;
  
  &lt;div id="Expand" class="hiddenDiv"&gt;
  
  HELLO?
  
  &lt;/div&gt;
  </code></pre>
  
  <p>JavaScript:</p>
  
  <pre><code>function expandItem() {
  
  if (document.getElementById("Expand").style.display == 'block') {
      document.getElementById("Expand").style.display = 'none';
  
  }
  else if (document.getElementById("Expand").style.display == 'none') {
      document.getElementById("Expand").style.display = 'block';
  
  }
  }
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.hiddenDiv {
  display: none;
  }
  </code></pre>
  
  <p>What am I doing wrong? </p>