Je dois modifier la propriété d'affichage d'un autre élément si un élément spécifique a display:none
.Modifier la visibilité d'un autre élément si aucun affichage n'est présent dans jQuery
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>
J'ai essayé des solutions de l'internet, mais ils ne travaillaient pas.
visibilité: masqué; n'est pas un attribut de sorte que vous ne pouvez pas le cibler avec removeAttr –