Skip to main content

Quisiera saber si es posible armar una sentencia if/elseif/else cuando tengo una clase que en la hoja de estilos le pongo visibility hiddenvisibility : hidden y otra clase con display nonedisplay : none, ya que en el javascript estoy poniendo un ifif 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 ifif 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>

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>

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>
Origen Enlace

¿Cómo establecer una condicional cuando una propiedad es visibility hidden y otra condicional cuando está con display none?

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>