Можно ли добавить задержку только для класса класса toggleClass?

Question

Можно ли добавить задержку только для класса класса toggleClass?

В скрипке я бы хотел, чтобы красный div сразу же поменялся зеленым цветом при нажатии. Но при повторном нажатии на него следует отложить поворот на красный.

http://jsfiddle.net/simbasounds/ggk8xxya/1/

HTML

<div class="container"> 
    I am a div 
</div> 

CSS

.container { 
    padding: 10px; 
    background: red; 
} 

.container.green { 
    background: green; 
} 

JQuery

$(".container").click(function(){ 
    $(this).toggleClass('green'); 
}); 

Answer 1

Для Simple Time Delay во время перехода от зеленого до красного

$(".container").click(function(){ 
    var $element = $(this); 

    //check if element has green class --> remove green class with a delay 
    if ($element.hasClass('green')) { 
    var delay = 1000; //ms 
    setTimeout(function(){ 
     $element.removeClass('green'); 
    },delay); 
    } 
    // element doesn't have green class --> add it 
    else { 
    $element.addClass('green'); 
    } 
}); 

fiddle

Answer 2

Как насчет очевидного пути?

$(".container").click(function(){ 
    if ($(this).hasClass('green')) { 
    // add your delay here 
    } 
    else { 
    $(this).toggleClass('green'); 
    } 
});