组合用于隐藏或显示内容的方法

combining a method to hide or show content

本文关键字：方法 显示 用于 隐藏 组合      更新时间：2023-09-26

我想知道如何将隐藏函数和显示函数组合成 1 个切换函数，该函数要么淡入内容，要么淡出内容，我猜这个参数会更新淡入淡出方法：

这是我目前从我的对象使用 jQuery 的 JS 所做的努力，但完全错误：

toggleAlertOverlay: function (state) {
  var instance = this;
  if (state === hide) {
    instance.selector.fadeOut();
  }
  elseif(state === show) {
    instance.selector.fadeIn();
  }
},
toggleAlertOverlay(hide);

尝试使用 .fadeToggle()

.fadeToggle（） 方法对匹配元素的不透明度进行动画处理。在可见元素上调用时，一旦不透明度达到 0，该元素的显示样式属性将设置为 none，因此该元素不再影响页面的布局。

$(<element>).fadeToggle();

其中<element>是有效的选择器....

var toggleState = 'none';
toggleAllertOverlay: function()
{
    if(toggleState == 'none')
    {
        $('#element').fadeIn();
        toggleState == 'showing';
    }
    else
    {
        $('#element').fadeOut();
        toggleState == 'none';
    }
}

只是一个基于你所拥有的概念。请注意函数外部的变量。它在外面，所以它不会在功能完成后被破坏。但除此之外，如果这不适合您，您可以尝试其他各种方法。最多（包括 jQuery toggle()

相关文章：