隐藏div1后，使div2可见||使用Javascript

Question

我有两个类，div1和div2。 div1是倒计时，div2是验证码。我想在div1被隐藏后才能在页面中看到div2：

<div class="1"></div>
<div class="2" style="display:none"></div>

现在我该如何制作一个javascript？

Answer 1

你可以在切换div1时切换div与div的可见性吗？我假设您正在使用JS来隐藏div1，所以你肯定可以在相同的代码块中切换div2吗？

使用jQuery

<style>
  .div2 {
    visibility: hidden;
  }
</style>

$('.div1').css('visibility', 'hidden');
$('.div2').css('visibility', 'visible');

检查可见性？

if ($('.div1').is(':visible')) {
  $('.div2').css('visibility', 'hidden');
}

或者你想要将你的代码分开吗？所以你想在它隐藏时从div1脚本中触发一个事件，这样div2的脚本会激活它自己的脚本来执行动作吗？

Answer 2

我假设您正在使用JQuery，因为您在评论部分中的代码看起来像JQuery。这就是我使用JQuery解决的问题。

显示count-down div，同时使用captcha div隐藏hidden = "true"。

然后，一旦倒计时结束，您就可以切换两个div

$(countDownDiv).toggle(); // this will hide it

$(captchaDiv).toggle(); // this will make it visible