javascript - 如何切换具有持续时间和显示的 jQuery 元素？

Question

当我想关闭一个我可以使用的组件时

$("#donkey").toggle(false);

当我需要在特定时间段内切换时，我可以使用

$("#emailInvalid").toggle(700);

但现在我想将这两者结合起来。我想确保组件被关闭切换(不仅来回切换)，而且我想指定该过程的持续时间。

根据jQuery API ，我也应该能够用选项指定一个对象。然而，以下

$("#donkey").toggle({ duration: 700, display: false });

只来回切换驴子(尽管在上述时间内)，而我希望将其切换为隐身状态。当我查看这些选项时，我注意到没有解决显示的问题，所以我担心上面的内容被 jQuery 等同于

$("#donkey").toggle({ duration: 700, biteMe: "in the donkey" });

我如何确保切换器隐藏组件(相当于上面的第一行代码)并且我可以控制进程的时间完成(相当于上面第二行代码)？

Answer 1

仅在可见时应用切换:

 $('#donkey:visible').toggle(500);

或者

   var element=$('#donkey');  
    if(element.css('display') !== 'none'){ 
    element.toggle(500);
}