我的代码中往往有很多这些

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

有没有更优雅的方式与 javascript、jquery 或下划线打包在一起? 理想情况下,我想要看起来像这样的东西

$element.showOrHideDependingOn(shouldElementBeVisible)

#1楼 票数:182 已采纳

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

$element.toggle(shouldElementBeVisible)

#2楼 票数:28

就在这里!

$element.toggle();

没有任何参数, toggle只是切换元素的可见性(我不是指visibility属性)并取决于元素的当前状态。

$element.toggle(display);

如果您使用布尔参数调用toggle ,则元素为true则显示,为false hidden

来源

#3楼 票数:3

jQuery 有togglehttp : //api.jquery.com/toggle/

$element.toggle();

如果元素被隐藏,这将显示该元素,如果它被显示,则隐藏它。

#4楼 票数:0

函数.toggle()更改元素的display

如果你想改变visibility ,我建议使用?:运算符。 为此,在CSS上,将可见性设置为原始状态,并在JS中放置:

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

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

#5楼 票数:0

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

  ask by Aakil Fernandes translate from so

未解决问题?本站智能推荐:

2回复

如果选择了多个选项,使用jQuery显示隐藏的表单元素?

我在联系表单中有一个下拉选项,如果选择了其中一个选项,则想要显示一些其他表单元素。 否则,应隐藏其他元素。 我已经能够使用单个选项使用以下代码: 不幸的是,如果选择了两个选项中的任何一个,我无法弄清楚如何使其工作。 我能够让jQuery工作的唯一方法是: 但在这种情况下,一
1回复

如何使用属性显示隐藏元素以及CSS3过渡?

我正在使用这样的CSS3过渡: 题: 有没有一种方法可以通过status属性处理可见性并且仍然具有CSS3转换? 我宁愿使用如下CSS规则: 而不是使用hide()和show(),因为我有时最终会看到状态设置为hidden的可见元素,这会使我的脚本失败 因此,仅使用状
2回复

使用scaleX()显示/隐藏元素时,如何检查元素的可见性?

我正在使用此插件创建水平时间线。 您可以使用左右箭头在日期之间导航。 单击一个日期会将页脚更改为与该日期对应的页脚。 我的问题如下:我想知道某些日期在当前视口中是否可见。 因此,对于首次加载插件的情况,显示以下日期:“ 1月16日”,“ 2月28日”,“ 3月20日”,“ 5月20日
2回复

如何隐藏内容一并显示内容二?

我在这里有问题。 我想在我的网站上隐藏一个内容,并使用jQuery显示下一个内容。 我只有2个内容div。 所以基本上我想做的是... 1)当我打开网站<div id="content2"></div>隐藏以及<div id="content2_bo
60回复

如何检查元素是否隐藏在 jQuery 中?

是否有可能进行切换的元件的可见性,使用函数.hide() .show()或.toggle() 你将如何测试一个元素是visible还是hidden ?
2回复

Javascript隐藏元素,然后放置其他内容

我有一个小问题。 对于我们必须使用Java语言编写的任务,我需要一些帮助。 我们有一个文本,有些单词我们有一个id(html)。 在javascript中,我们必须创建一个函数,当单击它时,所有带有id的单词都变得不可见。 我知道,我也可以做到。 但是还有一件事。 如果我们将
2回复

隐藏的DOM元素,包含消息并使其可见

我需要使用包含消息的隐藏DOM元素来显示“请等待处理”消息,该消息包含一个隐藏的DOM元素并使之可见,但该消息未显示。 我的表单的HTML和我的validate函数在下面给出。 我在onsubmit期间通过在表单标签上调用on_load尝试了以下代码,但未显示消息
2回复

jQuery - 隐藏元素但保持空间[重复]

这个问题在这里已经有了答案: 等效于 jQuery .hide() 来设置可见性:隐藏(6 个回答) 7年前关闭。