Сховати / показати елемент із булевим

У моєму коді, як правило, їх багато

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

Чи є який-небудь елегантний спосіб, упакований з javascript, jquery або підкресленням? В ідеалі я хочу чогось такого, що виглядає так

$element.showOrHideDependingOn(shouldElementBeVisible)

Мабуть, ви можете просто передати булеву toggleфункцію

$element.toggle(shouldElementBeVisible)

Так, є!

$element.toggle();

Без будь-яких параметрів toggleпросто перемикає видимість елементів (я не маю на увазі visibilityвластивість) і залежить від поточного стану елемента.

$element.toggle(display);

Якщо ви телефонуєте toggleз булевим параметром, елемент відображається, якщо він є, trueі hiddenякщо він єfalse

джерело

jQuery має toggle: http://api.jquery.com/toggle/

$element.toggle();

Це покаже елемент, якщо він прихований, і приховає, якщо він показаний.

Функція .toggle()змінює displayелемент.

Якщо ви хочете змінити visibility, я б запропонував скористатися ?:оператором. Для цього на своєму CSS встановіть видимість у вихідний стан, а в JS просто поставте:

    var checkboxChecked = $("#yourCheckbox").(":checked");

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