Javascript问题＆amp; 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?!
});