More than 5 years have passed since last update.

addClassから遅延後にremoveClassしたい

Last updated at 2017-10-12Posted at 2017-10-12

CSSのtransitionを動作させるために、HTMLのclassを付け替えることをしばしばやることがあると思う。その付けたclassを指定時間後に消したいというケースがあった。

#やっつけ（失敗例）

$('div').addClass('hoge').delay(1000).removeClass('hoge');

これだと狙い通りに動かない。addとremoveが一瞬で行われる。delayはアニメーションでしか有効ではない。

#queueを使ってできるらしい

$('div').addClass('hoge').delay(1000).queue（function(next){
  $(this).removeClass('hoge');
  next();
}）;

遅延後（1秒後）にremoveClassしてくれる。