Javascript問題和IE（style.display屬性）

Question

我下面的代碼用於觸發其他產品代碼。 它隱藏了原始的SKU代碼並顯示了替代方法。 它可以在除可怕的瀏覽器IE之外的所有設備上完美運行。

 var togglename = function() {
  var mydiv = document.getElementById('nappi');
  if (mydiv.style.display = "initial" || mydiv.style.display = "")
    mydiv.style.display = 'none';
  else
    mydiv.style.display = 'initial'
  }

    var togglecode = function() {
  var mydiv = document.getElementsByClassName('nappi2');
 if($(mydiv).hasClass('visNappi'))
   $('.nappi2').removeClass('visNappi');
  else
$('.nappi2').addClass('visNappi');
  }
  function toggle(){
    togglename();
    togglecode();
}

該代碼由一個按鈕觸發

<button id="switch1" name="switch1" onclick="toggle();" >Show / Hide</button> 

此按鈕基本上隱藏並向表字段添加單獨的鍵。

Answer 1

您的代碼應該是：

function toggle(){
   $('#nappi').toggle();
   $('.nappi2').toggleClass('visNappi');
}

並且您應該使用相關的jQuery方法綁定click事件：

$(function(){
    $('#switch1').on('click', toggle); // do you really need referenced method here?!
});