要素をブール値で非表示/表示

私はコードにこれらの多くを含める傾向があります

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");