使用布尔值隐藏/显示元素

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' ]()