[ureech]

Вот табы состоящие из двух частей(см.вложение).По клику меняется содержимое правого блока и фон левого.К правому анимацию применил.Теперь нужно прикрутить анимацию к background левого блока.
Вот html

<div  class="uitab">
         <div class="tab-in">
        <ul id="tabs">
        <li><a class="tab" href="#tab-mus">Музыка</a></li>
        ........................................................
        </ul>
        </div>
          здесь вкладки правого блока
       .....................................
          <div id="tab-mus" >
         <div class="tab-in_1 animated">
          </div>
          </div>
       .....................................
          </div>

Вот js

$(function()
     {
       $('.tab').on('click', function(event)
         {
           event.preventDefault();
           var id = this.getAttribute('href')
		   var img = 'url(/templates/red&black/images/music/'+id.slice(1)+'.png)';
		   $('.tab-in_1').not($('.tab-in_1', id).toggleClass('zoomIn')).removeClass('zoomIn')
		   $('.tab-in').css('background-image', function(index, oldValue){
        if(oldValue==''){return img;}else{return img;}}).css('background-size','100% 100%')
		
         }
		 
       );
     }
   );

Вариант .animate({'background-size' : '100%'},1000) не пойдёт.