javascript - ejemplos - Ocultar/mostrar elemento con un valor booleano

ocultar boton javascript

Question

Tiendo a tener muchos de estos en mi código

if(shouldElementBeVisible)
$element.show()
else
$element.hide()

¿Hay alguna forma más elegante empaquetada con javascript, jquery o subrayado? Idealmente quiero algo que se vea así

$element.showOrHideDependingOn(shouldElementBeVisible)

Answer 1

¡Sí hay!

$element.toggle();

Sin ningún parámetro, toggle solo alterna la visibilidad de los elementos (no me refiero a la propiedad de visibility ) y depende del estado actual del elemento.

$element.toggle(display);

Si llama a toggle con un parámetro booleano, el elemento se muestra si es true y se hidden si es false

source

Answer 2

Aparentemente puedes pasar un booleano a la función de toggle

$element.toggle(shouldElementBeVisible)

Answer 3

La función .toggle() cambia la display del elemento.

Si desea cambiar la visibility , le sugiero que utilice el operador ?: . Para esto, en su CSS, configure la visibilidad en el estado original, y en el JS simplemente ponga:

 var checkboxChecked = $("#yourCheckbox").(":checked");
$("#yourElement").css("visibility", checkboxChecked ? "visible" : "hidden");

Answer 4

jQuery tiene toggle : source

$element.toggle();

Esto mostrará el elemento si está oculto y lo ocultará si se muestra.