jQuery仅在可见时隐藏,仅在隐藏时显示

名字

使用jQuery时,是否可以div仅在未隐藏的情况下隐藏它,而仅在未显示时才显示它,而不是再次向其添加相同的类?

可以在其中使用类似if的东西吗?

例如:

$(document).ready(function() {
 $(".trigger").click(function() {
    // Hide it but only if not hidden - hide
    // Later in the script - Show it but only If it's not visible. 
 });
});

<div class="user">Example Div</div> 
<div class="trigger">Load</div>

我已经把这个问题简化了。真实的东西有很多不同。

编辑

切换不是我要尝试执行的操作。切换将更改课程。我要强制隐藏它,但前提是不要隐藏它。也就是说:仅在当前类未隐藏时才添加隐藏类。

If class != 'hidden' then add the Hidden class
宫殿

你可以这样做:

$(".user").click(function () {
    // Hide it but only if not hidden - hide
    $('.trigger:visible').hide();

    // Later in the script - Show it but only If it's not visible.  
    $('.trigger:hidden').show();
});

对于更多上下文,如果满足以下条件,则将元素视为“:hidden”:

  • 它们的CSS显示值为none。
  • 它们是type =“ hidden”的表单元素。
  • 它们的宽度和高度明确设置为0。
  • 或隐藏祖先元素,因此该元素不会显示在页面上。

此外,“具有可见性的元素:隐藏或不透明:0被认为是可见的”。

资料来源:https : //api.jquery.com/hidden-selector

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

GIMP图层仅在我隐藏所有其他图层时可见

来自分类Dev

如何隐藏表单并仅在选中时显示?

来自分类Dev

仅在提交时填写表格时显示隐藏的div

来自分类Dev

UITableVIew行仅在滚动时可见

来自分类Dev

隐藏的div在重新加载时可见,jQuery计时

来自分类Dev

我应该使用jQuery添加内容还是仅在需要时显示/隐藏它?

来自分类Dev

当键盘可见/不可见时显示/隐藏navigationBarItems | SwiftUI

来自分类Dev

使元素可见并在单击时隐藏

来自分类Dev

当Mapoverlay可见时隐藏MapView

来自分类Dev

表格可见时隐藏链接

来自分类Dev

当滑块的幻灯片可见/隐藏时如何显示/隐藏div

来自分类Dev

仅在onclick时设置cookie并隐藏消息

来自分类Dev

悬停时的图像灰度 + <p> 仅在悬停时可见

来自分类Dev

仅在显示工具提示时保持具有悬停效果的元素可见

来自分类Dev

当隐藏元素有时可见时如何使用jQuery选择我想要的元素

来自分类Dev

在页面加载时隐藏带有锚名称的div,仅在单击链接时显示

来自分类Dev

jQuery-仅在元素顶部不可见时滚动到元素顶部

来自分类Dev

jQuery仅在最后一个子元素可见时才添加CSS类

来自分类Dev

KnockoutJS:仅在绑定控件可见时验证模型的属性

来自分类Dev

仅在可见时如何激活组合模型?

来自分类Dev

使HTML表单元素仅在单击时可见

来自分类Dev

通过仅在可见时按Enter来使按钮可用

来自分类Dev

菜单仅在使用汉堡包时可见

来自分类Dev

位置:绝对;仅在悬停在 div 上时可见

来自分类Dev

使用Javascript在按键时显示隐藏的可见性文本

来自分类Dev

Bootstrap表如何隐藏,使用JavaScript切换可见时无法正确显示

来自分类Dev

jQuery-隐藏时显示,显示时隐藏

来自分类Dev

如何使用jQuery在MVC中选择其他单选按钮时使div可见和隐藏?

来自分类Dev

隐藏引导程序导航栏品牌,并且仅在导航栏折叠时居中显示

Related 相关文章

  1. 1

    GIMP图层仅在我隐藏所有其他图层时可见

  2. 2

    如何隐藏表单并仅在选中时显示?

  3. 3

    仅在提交时填写表格时显示隐藏的div

  4. 4

    UITableVIew行仅在滚动时可见

  5. 5

    隐藏的div在重新加载时可见,jQuery计时

  6. 6

    我应该使用jQuery添加内容还是仅在需要时显示/隐藏它?

  7. 7

    当键盘可见/不可见时显示/隐藏navigationBarItems | SwiftUI

  8. 8

    使元素可见并在单击时隐藏

  9. 9

    当Mapoverlay可见时隐藏MapView

  10. 10

    表格可见时隐藏链接

  11. 11

    当滑块的幻灯片可见/隐藏时如何显示/隐藏div

  12. 12

    仅在onclick时设置cookie并隐藏消息

  13. 13

    悬停时的图像灰度 + <p> 仅在悬停时可见

  14. 14

    仅在显示工具提示时保持具有悬停效果的元素可见

  15. 15

    当隐藏元素有时可见时如何使用jQuery选择我想要的元素

  16. 16

    在页面加载时隐藏带有锚名称的div,仅在单击链接时显示

  17. 17

    jQuery-仅在元素顶部不可见时滚动到元素顶部

  18. 18

    jQuery仅在最后一个子元素可见时才添加CSS类

  19. 19

    KnockoutJS:仅在绑定控件可见时验证模型的属性

  20. 20

    仅在可见时如何激活组合模型?

  21. 21

    使HTML表单元素仅在单击时可见

  22. 22

    通过仅在可见时按Enter来使按钮可用

  23. 23

    菜单仅在使用汉堡包时可见

  24. 24

    位置:绝对;仅在悬停在 div 上时可见

  25. 25

    使用Javascript在按键时显示隐藏的可见性文本

  26. 26

    Bootstrap表如何隐藏,使用JavaScript切换可见时无法正确显示

  27. 27

    jQuery-隐藏时显示,显示时隐藏

  28. 28

    如何使用jQuery在MVC中选择其他单选按钮时使div可见和隐藏?

  29. 29

    隐藏引导程序导航栏品牌,并且仅在导航栏折叠时居中显示

热门标签

归档