使用布爾值隱藏/顯示元素

Question

我的代碼中往往有很多這些

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

有沒有更優雅的方式與 javascript、jquery 或下划線打包在一起？ 理想情況下，我想要看起來像這樣的東西

$element.showOrHideDependingOn(shouldElementBeVisible)

Answer 1

顯然，您可以將布爾值傳遞給toggle函數

$element.toggle(shouldElementBeVisible)

Answer 2

就在這里！

$element.toggle();

沒有任何參數， toggle只是切換元素的可見性（我不是指visibility屬性）並取決於元素的當前狀態。

$element.toggle(display);

如果您使用布爾參數調用toggle ，則元素為true則顯示，為false hidden

來源

Answer 3

jQuery 有toggle ： http : //api.jquery.com/toggle/

$element.toggle();

如果元素被隱藏，這將顯示該元素，如果它被顯示，則隱藏它。

Answer 4

函數.toggle()更改元素的display 。

如果你想改變visibility ，我建議使用?:運算符。 為此，在CSS上，將可見性設置為原始狀態，並在JS中放置：

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

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

Answer 5

$element[ shouldElementBeVisible?'show':'hide' ]()