jquery - 如果在 jQuery 中不显示任何元素，则更改另一个元素的可见性

Question

如果特定元素具有 display:none，我需要更改另一个元素的显示属性。

if ($("#first-layer").css('display') === 'none') {
  $("#second-layer").removeAttr("visibility");
}

#second-layer {
  color: black;
  background-color: red;
  width: 200px;
  height: 150px;
  background: yellow;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  visibility: hidden; // here I have to change by jQuery
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<header>
  <div id="first-layer">
    <div id="header-elements">
      <div id="img-rain" class="animated fadeIn" class="img"><img src="img/img.png"> </div>
      <div id="typed-strings" class="text">
        <span class="animated fadeInUp" id="typed"></span>
        <br/>
        <span class="description animated fadeIn">Your weather in one place</span>
      </div>
    </div>
    <div id="typed-strings">
    </div>
    <div class="start">
      <button type="button" class="btn btn-primary btn-lg responsive-width button-                       bg-clr animated fadeIn">Get Started</button>
    </div>
  </div>
  <div id="second-layer">123</div>

</header>

我尝试了互联网上的解决方案，但没有成功。

Answer 1

使用jQuery( ":hidden" )

// if selector is none then
if($('#first-layer').is(":hidden")){

     // alter second-layers visibility
     $('#second-layer').css('visibility', 'visible');
}