jQuery切换元素样式但暂时暂停

Question

我有一个元素,我正在切换的风格(如开/关按钮).如果它当前处于"打开"状态,请将样式更改为"关闭",反之亦然.

然而,在某些情况下,我想执行上述,但随后恢复到原来的状态(抵消切换),但我想这反映到用户通过它在风格非常短暂变化(所以1/2一秒钟,看起来它已经改变了风格,但后来恢复到原来的状态.

我正在使用以下代码切换我的按钮的状态:

myButton.toggleClass('button-off').toggleClass('button-on');

我试过delay(500)在上面和上面的'翻转'之间链接,但这不起作用.

Answer 1

我会做这样的事情:

$('#myButton').click(function() {
    var that = $(this);
    that.toggleClass('button-off button-on');
    setTimeout(function() { that.toggleClass('button-off button-on'); }, 500);
});

您需要切换两个类以在它们之间切换.

JSBin示例