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

Question

已关闭。此问题不符合 Stack Overflow guidelines 。目前不接受答案。

---

要求提供代码的问题必须表现出对所解决问题的最低限度的了解。包括尝试的解决方案、为什么它们不起作用以及预期结果。另请参阅:Stack Overflow question checklist

已关闭 9 年前。

Improve this question

使用 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

Answer 1

你可以这样做:

$(".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();
});

对于更多上下文，如果满足以下条件，元素将被视为“:隐藏”:

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

此外，“可见性:隐藏或不透明度:0 的元素被视为可见。”

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