要素がクリックされたときに (transitioning など) クラスを追加し、1 秒待ってからそのクラスを変更する必要があります (finish-transitioning など)。
私はこれを試しました:
$(this).addClass('transition').delay(1000).addClass('active');
更新 - 以下が機能しないのはなぜですか? addClass
アラートのコメントを外すと、アラートが正しい時間に発生し、removeClass
無視されることがわかります。
$('.target').click(function() {
$(this).addClass('transition');
$('.target').not(this).removeClass('active transition');
setTimeout(function(){
$(this).removeClass('transition');
$(this).addClass('active');
// alert('test');
},300);
});