Hide/show 带有布尔值的元素

Question

我的代码中往往有很多这样的东西

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

用javascript、jquery、下划线打包还有更优雅的方式吗？理想情况下，我想要这样的东西

$element.showOrHideDependingOn(shouldElementBeVisible)

Answer 1

是的！

$element.toggle();

没有任何参数，toggle 只是切换元素可见性（我不是说 visibility 属性）并且取决于元素的当前状态。

$element.toggle(display);

如果您使用布尔参数调用 toggle，如果元素是 true 则显示元素，如果是 false

则显示 hidden

Answer 2

$element.toggle();

这将显示隐藏的元素，如果显示则隐藏它。

Answer 3

显然您可以将布尔值传递给 toggle 函数

$element.toggle(shouldElementBeVisible)

Answer 4

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

Hide/show element with a boolean