当我想要关闭组件时,我可以使用
$("#donkey").toggle(false);
当我需要在特定时间段内切换它时,我可以使用
$("#emailInvalid").toggle(700);
但是现在我想将这两个组合起来。我希望确保组件被切换关闭(不仅仅是来回切换),并且我想指定过程的持续时间。
根据jQuery API,我应该能够指定一个带有选项的对象。 然而,以下是:
$("#donkey").toggle({ duration: 700, display: false });
只是在给定时间内来回切换驴子(不过),而我希望它被切换为不可见。当我审查选项时,我注意到没有一个选项涉及显示,所以我担心上述内容是否与jQuery等效处理。
$("#donkey").toggle({ duration: 700, biteMe: "in the donkey" });
如何确保切换器“隐藏”组件(相当于上面的第一行代码)并且我可以控制完成该过程的时间(相当于上面的第二行代码)?
animate()
函数可以更加定制化,允许在提供的持续时间内动画化任何CSS属性,并在动画完成时运行回调函数。尽管使用toggleClass()
函数来在起始状态(类1)和结束状态(类2)之间使用CSS动画可能会更加可定制化。但是如果不知道您想要实现什么,很难提供通用建议。 - David Thomas