-2

我想知道是否可以在单击链接后将隐藏的 div 向下推？

所以我有;

<div class="container">
   <div class="hidden-top"></div>
   <div class="navbar"></div>
</div>

这是一个可以实时查看的链接：https ://jivesoftware.com/ 。只需单击语言标志。

4

2 回答 2

0

是的，例如，您可以这样做

function myFunction() {
  document.getElementById("demo").innerHTML = "<div class'hidden-top'>I am hidden div</div>";
}
<!DOCTYPE html>
<html>
<body>
<div class="container">
   <button onclick="myFunction()">Click me to show hidden div</button>
   <div class="navbar"></div>
</div>


<p id="demo"></p>
</body>
</html>

于 2018-11-10T12:54:32.273 回答
0

您可以使用 class("hidden" in example bellow) 来（视觉上）隐藏某些东西。并以编程方式切换该类。

document.querySelector('button').addEventListener('click', toggle)

function toggle() {
  document.getElementById("thatDiv").classList.toggle('hidden')
}
.forStyling {
  background-color: pink;
  height: 20px;
  -webkit-transition: height .5s;
  transition: height .5s;
}

.hidden {
  height: 0;
  -webkit-transition: height .5s;
  transition: height .5s;
}
<div id='thatDiv' class="forStyling hidden">I am hidden div</div>
<button>Click me to show hidden div</button>
<p>
  Content that shifts down.

于 2018-11-10T13:12:01.843 回答