Применить css на якорный тег

Question

Я хочу выделить (в течение нескольких секунд) тег привязки, который помещается в тег li при успешном выполнении запроса Ajax. Как я могу добиться этого через JQuery.

это якорь тег, который используется в моем коде:

<li class="active"> 
    <a id="firstTab" data-toggle="tab" href="#adviceContent"> 
    <i class="icon-large icon-info-sign " ></i> 
    </a> 
</li> 

Answer 1

В вашем АЯКС Funciton успеха:

jQuery('#firstTab').css('background-color','#ccc'); 
setTimeout(function() { 
    jQuery('#firstTab').css('background-color','transparent'); 
},2000); 

Если вы хотите изменить цвет, чтобы быть анимированными, проверить jQuery UI Color Animation

Answer 2

Вызов jQuery-UI из Google или jQuery CDN.

И попробовать это на успех Ajax:

var color = $("#firstTab").css("background-color"); 
var highlightColor = '#bebebe'; 

$("#firstTab").animate({backgroundColor:highlightColor},500,function(){ 
    $(this).delay(1000).animate({backgroundColor:color},500); 
}); 

Вы можете проверить это Fiddle code