title: getElementByClassName Not Returning Results
body: <p>My <code>getElementByClassName()</code> isn't returning any results, I had it set to <code>getElementById()</code>, but I can't use the <code>Id</code> since the same function will need to apply to seven links. I have filled in all the information on <a href="http://jsfiddle.net/ew9Ve/2/" rel="nofollow">jsFiddle</a></p>
  
  <p>The javascript looks like:</p>
  
  <pre><code>var myBoxWidth = 0;
  var myBoxWidth2 = 0;
  
  // show
  function show() {
      var myBox = document.getElementByClassName('box');  
      var myContent = document.getElementByClassName('content');
      myContent.style.display = 'inline';
      myBox.style.width = myBoxWidth + '%';  
      if(myBoxWidth &lt; 80) {  
          myBoxWidth += 20;
          setTimeout(show,55);
      }
  }
  
  // hide
  function hide() {
      var myBox = document.getElementByClassName('box');
      var myContent = document.getElementByClassName('content');
      myContent.style.display = 'none';
      var currentWidthVal = parseInt(myBox.style.width,10);
      if(myBoxWidth2 &lt; currentWidthVal) {  
          setTimeout(hide,55);
          myBox.style.width = currentWidthVal =  currentWidthVal - 20 + '%';
          myBoxWidth = 0;
      }
  }
  </code></pre>