title: IE Javascript style display not working
body: <p>I have two divs, the display attribute of one is by default block and the other one none. When you click a button the displays switch, so one hides and the other one shows. It works in every browser except in IE. Any idea of why this happens? Does it have something to do with the problem of IE with innerHTML? I will paste the js and the html</p>
  
  <p><strong>JavaScript</strong>:</p>
  
  <pre><code>function show(id, elm){
      var hide = document.getElementById(id);
      var show;
      var closeIcon = document.getElementById("closeIcon");
      if(id.substring(0, 3) != "set"){
          elmName = "set"+id.substring(0, 1).toUpperCase() + id.substring(1, id.length); 
          if(id != "video")   hide.style.display = "none";
          show = document.getElementById(elmName);
          show.style.display = "block";
          $("#instruccionBox").hide();
          $("#flechaEdit").hide();
      }else{
          elmName = id.substring(3, 4).toLowerCase() + id.substring(4, id.length); 
          hide.style.display = "none"; 
          show = document.getElementById(elmName);
          show.style.display = "block";
          $("#instruccionBox").show();
          $("#flechaEdit").show();
          skipStep();
      }
  
      if(id.substring(0, 3) != "set" &amp;&amp; id != "meta" &amp;&amp; id != "fechaLimite"){
          $('#closeIcon').show();
          closeIcon.style.left = $(show).width() - 45 + "px";
          closeIcon.style.top = "0px";
          show.appendChild(closeIcon); //alert(show.id);
      }
  
  }
  </code></pre>
  
  <p><strong>HTML</strong>:</p>
  
  <pre><code>&lt;div class="grid_4 proyectoDonaciones" id="meta"&gt;
      &lt;img src="images/edit-icon.png" alt="" class="editIcon" style="position:absolute; display:none"  id="editMeta" onclick="show('meta')"/&gt;
      &lt;h1 class="letter border1-pad2"&gt;META&lt;/h1&gt;
      &lt;!--div class="triangulo_izq_claro"&gt;&lt;/div--&gt;
      &lt;div&gt; 
          &lt;img src="images/cabezaIguana.png" alt="" width="70" class="editIcon" style="position:relative; left:12px;" onclick="show('meta')" id="cabezaMeta"/&gt;
          &lt;div class="donacionesBarra"&gt;
              &lt;div style="margin:0 0 -60px 40%;"&gt;&lt;h2 id="porcentajeMeta"&gt;0%&lt;h2&gt;&lt;/div&gt;
              &lt;table width="100%"&gt;
                  &lt;tr height="45"&gt;
                      &lt;td id="metaLeft" bgcolor="#a4c547" width="0%"&gt;&lt;/td&gt;
                      &lt;td id="metaRight" bgcolor="#FFFFFF" width="100%"&gt;&lt;/td&gt;
                      &lt;td&gt;&lt;img src="images/colaIguana.png" alt="" width="70" style="position:absolute; left:250px;"/&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td colspan="2"&gt;&lt;span style="float:right;"&gt;&lt;h3 style="color:#839e38;"&gt;$&lt;/h3&gt;&lt;/span&gt;&lt;/td&gt;
                  &lt;/tr&gt;
                  &lt;tr&gt;
                      &lt;td colspan="2"&gt;&lt;span style="float:right; font-size:15px;"&gt;of $&lt;span id="metaText"&gt;9000&lt;/span&gt; Goal&lt;/span&gt;&lt;/td&gt;
                  &lt;/tr&gt;
              &lt;/table&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="grid_4 proyectoDonaciones" style="margin-top:10px; display:none;" id="setMeta"&gt;
      &lt;h2 style="margin:10px;"&gt;Escriba la meta&lt;/h2&gt;
      &lt;div style="margin:10px 25px 10px 10px;"&gt; 
          &lt;input type="text" id="inputMeta" value="9000" style="width:100%;" class="pro_form2" / &gt;
          &lt;br /&gt;
          &lt;center&gt;
              &lt;input type="button" value="ACTUALIZAR" class="pro_btn pro_warning" onclick="show('setMeta', document.getElementById('closeIcon'))" /&gt;
          &lt;/center&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>