изменение атрибута jQuery

Question

Есть ли способ сделать анимацию изменения атрибута в jquery так же, как вы можете это сделать с помощью функции .switchClass()?

класс должен оставаться неизменным при изменении значения атрибута для элемента.

здесь jsfiddle, который показывает, что я хочу добиться:

http://jsfiddle.net/9nh348sb/

Код: HTML

<div class="big" id="1"></div> 

CSS:

div { 
    width: 100px; 
    height: 100px; 
    background-color: #ccc; 
    } 
    .big[id="1"] { 
    width: 200px; 
    height: 200px; 
    } 
    .big[id="2"] { 
    background-color: #00f; 
    } 

JS:

$("div").click(function() { 
    $(this).switchClass('big[id=1]', 'big[id=2]', 1000, "easeInOutQuad"); 
}); 

Answer 1

Один из способов сделать это

setInterval(function(){ 
$('div').toggle(function(){ 
        $(this).attr('id','1'); 
        return false; 
       },function(){ 
        $(this).attr('id','2'); 
        return false; 
       }); 
},1000);