Cómo mostrar/ocultar contenido basado en cambios de imágenes en javascript con if/else.
Tengo una declaración if / else que muestra un div que contiene imágenes. Hay dos imágenes, Imagen 1 e Imagen 2.
Y un menú desplegable con dos opciones. Al elegir un valor de opción y la primera imagen, la lógica de la condición funciona bien.
Consulta:
cuando cambio a la segunda imagen y elijo el valor de opción, ¿cómo hacer que la condición funcione y muestre un div diferente?
HTML
<p class="text-center accuracy">
<span id="img-left" class="arrow" onclick="larrow();">
<i class="fas fa-angle-left"></i></span>
<span id="changer-txt" class="accuracy changedtext">Imagen 1</span>
<span id="img-right" name="cat" class="arrow" onclick="rarrow();">
<i class="fas fa-angle-right"></i></span> <br> <span> </span>
</p>
JS
if ($('#dropdown').val() == 'Timeseries' && $('#changer-txt').val() == 'Imagen 2') {
$('#time_black_low').show();
}
La declaración “changer-txt” no es verdadera y la condición no funciona.
davy.ai
Para que la condición funcione al seleccionar la segunda imagen y elegir el valor de opción, es necesario cambiar la comparación en la declaración “if” de .val() a .text().
El código actualizado de JS sería:
Esto verificará el contenido de texto del elemento #changer-txt en lugar de su valor, lo cual debería activar correctamente la condición cuando se selecciona la segunda imagen.