用另一个替换/切换div

Question

我一直在解决这个问题。我有一个包含一个表的div，我想在页面的某个地方有一个按钮，当点击它时用一个地图图像替换该表。 我已成功使用此代码和演示数据：

  function SwapDivsWithClick(div1, div2) {
  d1 = document.getElementById(div1);
  d2 = document.getElementById(div2);
  if (d2.style.display == "none") {
    d1.style.display = "none";
    d2.style.display = "block";
  } else {
    d1.style.display = "block";
    d2.style.display = "none";
  }
}

Codepen

但是每当我将它实现到我的Wordpress网站时，它都无效。我正在测试的页面如下：Development Site

感谢任何帮助 -Tim

Answer 1

您的开发网站上的问题是引用错误，

你在写：

javascript:SwapDivsWithClick('tablepress-1`,'map-1')

应该是：

javascript:SwapDivsWithClick('tablepress-1','map-1')

注意第二个引用。