Question

我要隐藏一个div，然后显示另一个。但是当第二个是block时，我无法隐藏第一个div。我认为这是因为首先是引导程序，并且需要覆盖以显示!important才能正确运行display: none;。但是如何在Javascript中使用它。

function switchVisible() {
      if (document.getElementById('main-card')) {

          if (document.getElementById('main-card').style.display == 'none') {
              document.getElementById('main-card').style.display = 'block';
              document.getElementById('map').style.display = 'none';
          }
          else {
              document.getElementById('main-card').style.display = 'none';
              document.getElementById('map').style.display = 'block';
          }
      }
  }

我尝试了“无提示！重要”，但这不起作用。

Answer 1

如何更简单地使用Jquery。它将解决您的问题。

$('body').on("click touchstart", "#Button1", function(e){
   $("#main-card, #map").toggle();
});

Answer 2

您可以通过jquery使用内联CSS样式：

ab=ba

内联CSS几乎是！import

如何在JavaScript中赋予！important

2 个答案: