jquery 如何重新显示带有按钮的div？

h22fl7wq 于 2022-11-03 发布在 jQuery

关注(0)|答案(2)|浏览(156)

我的项目有问题。
我有这样的代码使我的div消失：

@keyframes hideAnimation {
  to {
    visibility: hidden;
  }
}

在我的div上，我做了这个动画，使我的div在6秒后消失

.env{
  animation: hideAnimation 0s ease-in 6s;
  animation-fill-mode: forwards;
}

我的问题是：我想创建一个按钮来重新显示我的div
div在6秒后自动消失，用户可以通过单击按钮重新显示div。
我不知道该怎么做。
我想我会使用JS或jQuery，但我迷路了。有人能帮助我吗？

2条答案

如果你的目标是淡入/淡出div，那么keyframes就有点过头了。你可以把transition和opacity一起使用。
第一个

因此，您需要click上的按钮来获取要重新显示的div，并设置其visibility: visible;
比如说

button.addEventListener('click', () => {
  document.querySelector('.env').style.visibility = 'visible';
})

有关更多资源