Estoy tratando de escribir un script que ocultará/mostrará div dependiendo de la visibilidad de otros elementos. La acción debería tener lugar cuando hago clic en otro elemento. Esto es lo que he escrito hasta ahora:jQuery if declaración para verificar la visibilidad
$('#column-left form').hide();
$('.show-search').click(function() {
$('#column-left form').stop(true, true).slideToggle(300);
if($('#column-left form').css('display') == 'none') {
$("#offers").show();
} else {
$('#offers').hide();
}
});
Oculta el div, pero no vuelve cuando oculto el formulario. Será agradecido por cualquier ayuda :)
edición:
Ok, he conseguido el efecto deseado achive escribiendo esto:
$('#column-left form').hide();
$('.show-search').click(function() {
if ($('#column-left form').is(":hidden")) {
$('#column-left form').slideToggle(300);
$('#offers').hide();
} else {
$('#column-left form').slideToggle(300);
$("#offers").show();
}
});
No sé si está escrito correctamente, pero funciona;) ¡Gracias a todos por la ayuda!
Esto devuelve 'true' si el elemento es visible o' falso' si no lo es. Digno de notar.;) – Purag
"para probar si" tipo de implica que devuelve un booleano;) – ThiefMaster
@Purmou:! $ ('# Columna-left form'). Is (': visible') definitivamente devolverá un valor booleano sin embargo esta declaración está encerrado dentro de alternar, por lo tanto, debe lograr la salida deseada. –