刪除CSS類的jQuery

Question

我用我的代碼變更CSS點擊圖標後：

$(function() { 
    $(".icon-medium.icon-search").click(function() { 
    $(".nksub-tab-icon").addClass("newClass", 1000, callback); 
    }); 

    function callback() { 
    setTimeout(function() {  
     $(".nksub-tab-icon").removeClass("newClass"); 
    }, 1000); 
    } 
}); 

我的CSS：

<style> 
    .newClass { background-color:yellow; } 
</style> 

當我點擊圖標改變顏色，但我點擊，但不會刪除後類。 For test website here

我想改變顏色和之後與另一個點擊恢復開始樣式。

Answer 1

嘗試將此代碼嵌入到<script>標籤中。

$(".icon-medium.icon-search").click(function() { 
    $(".nksub-tab-icon").toggleClass("newClass"); 
}); 

如果你想提供一個延遲，然後使用下面的代碼

$(".icon-medium.icon-search").click(function() { 
    $(".nksub-tab-icon").delay(1000).queue(function(next){ 
    $(this).toggleClass("newClass"); 
    next(); 
    }); 
}); 

入住這裏：http://jsfiddle.net/zgsxoq3v/