默认情况下在html中隐藏崩溃

时间:2018-02-19 10:41:54

标签: html css

我有这段代码:

<div class="tools">   
<a  id="iconoCollapsedE" title="Ocultar/Expandir" class="collapse" > </a>   
</div>   
</div>  
<div id="collap" class="portlet-body" style="overflow: auto">   
<div id="contenedorTablaLatidos">

有人可以告诉我如何隐藏崩溃选项吗?

由于

1 个答案:

答案 0 :(得分:1)

这是否符合您的要求?

一般例子:

&#13;
&#13;
div#hidden {
  display: none;
  background-color: aqua;
}

div#visible {
  display: block;
  background-color: aqua;
}
&#13;
<div id="hidden">I'm hidden!</div>
<div id="visible">I'm visible!</div>
&#13;
&#13;
&#13;

使用display: none;,您可以隐藏&#34;元素display: none;适用于。它会被渲染,但不会显示在页面上。

如何使其可见并使其再次隐形?

你可以用JavaScript做到这一点:

&#13;
&#13;
function collapseDiv() {
  var div = document.getElementById('hidden');
  if (div.style.display === "none") {
    div.style.display = "block";
  } else {
    div.style.display = "none";
  }
}
&#13;
div#hidden {
  display: none;
  background-color: aqua;
}

div#visible {
  display: block;
  background-color: aqua;
}
&#13;
<div id="hidden" style="display: none;">I'm hidden!</div>
<div id="visible">I'm visible!</div>
<br>
<input type="button" value="Collapse / uncollapse div" onclick="collapseDiv()">
&#13;
&#13;
&#13;

为什么这个答案不使用已经给出的代码?

对不起,但您没有提供有关您问题的足够信息。