Question

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

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

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

Answer 1

尝试使用.fadeToggle()

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

$(<element>).fadeToggle();

<element>是有效选择器....

Answer 2

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

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

结合隐藏或显示内容的方法

2 个答案: