Удалить класс 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/