Quisiera saber si es posible armar una sentencia if/else cuando tengo una clase que en la hoja de estilos le pongo visibility : hidden
y otra clase con display : none
, ya que en el javascript estoy poniendo un if de prueba pero se entra aunque en la condicional le cambio el valor de la propiedad.
$(window).scroll(function() {
const ventanaBuscador = document.getElementById('ventanaBuscador');
if ($('.ventana-login').css('visibility','visible')) {
/*(ventanaBuscador.style.display='block') ||*/
console.log("SI");
}
}
Le puse como constante ya que la variable la voy a utilizar para otra función.
Como pueden ver trate de poner esos pedazos de código de argumento en el if pero me ingresa independientemente de lo establecido en el css:
.ventana-login{
background: #0033CC;
color: #FFFFFF;
border-radius: 3px;
width: 304px;
padding: 30px 15px;
text-align: center;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
visibility: hidden;
z-index: 100;
}
.ventana_buscador{
position: fixed;
width: 100%;
background: rgba(0, 0, 0, 0.8);
font-size: 13px;
transition: all 600ms;
z-index: 75;
display: none;
}
En el html está:
<div class="ventana_buscador" id="ventanaBuscador"> ... </div>