title: Hiding all elements with the same class name?
body: <p>I'm trying to hide elements with the same class name (float_form), but I'm also trying to use the script below to show them (all of the float_form class divs are initially hidden). I've looked at a lot of jquery solutions, but I can't seem to make any of them work for this.  </p>
  
  <pre><code>function show(a) {
      var e = document.getElementById(a);
      if (!e) 
          return true;
  
      if (e.style.display == "none") {
          e.style.display = "block"
      } else {
          e.style.display = "none"
      }
      return true;
  }
  ​
  </code></pre>
  
  <p><strong>Edit:</strong> Sorry if it wasn't clear, I do not intend to use Jquery(and I know that this is not jquery). I am looking for a way to use javascript to recognize repeated classnames that are not in style= display:none; without compromising the show/hide ID element since there is a loop with the div id as the key. The html for the div looks like below, with {item.ID} being a while loop.</p>
  
  <pre><code> &lt;div class="float_form" id="{item.ID}" style="display: none;"&gt; 
  </code></pre>