0

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

这是我目前在我的对象中使用 jQuery 的 JS 工作，但完全错误：

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

2 回答 2

2

尝试使用.fadeToggle()

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

$(<element>).fadeToggle();

<element>有效选择器在哪里......

于 2012-08-07T16:19:24.903 回答
0 
var toggleState = 'none';
toggleAllertOverlay: function()
{
    if(toggleState == 'none')
    {
        $('#element').fadeIn();
        toggleState == 'showing';
    }
    else
    {
        $('#element').fadeOut();
        toggleState == 'none';
    }
}

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

于 2012-08-07T16:22:05.777 回答