添加jQuery的动画自定义函数

Question

我想知道是否有任何方式淡出动画添加到这个jQuery功能我建立的：

var $j = jQuery.noConflict(); 
    $j('#seccG').click(swapWith); 

function swapWith(){ 
    var tmp = $j(this).html(); 

    var claseOrigen = $j(this).attr("class"); 
    var claseDestino = $j('#seccA').attr("class"); 

    //REMOVES THE CLASSES 
    $j(this).removeClass(claseOrigen); 
    $j('#seccA').removeClass(claseDestino); 
    $j('#Main').removeClass(claseDestino); 
    $j('#content').removeClass(claseDestino); 

    //ASSIGN NEW CLASSES 
    $j(this).addClass(claseDestino); 
    $j('#seccA').addClass(claseOrigen); 
    $j('#Main').addClass(claseOrigen); 
    $j('#content').addClass(claseOrigen); 

    //EXCHANGE CONTENTS 
    $j(this).html($j('#seccA').html()); 
    $j('#seccA').html(tmp); 
}; 

的颜色与类和关联使用ID定位，所以我想添加一个转换到交换div（#seccA和#seccB）。

在此先感谢:-)

Answer 1

不知道你要什么褪色，但你可以尝试 $j(this).fadeOut("fast").removeClass(claseOrigen);

http://api.jquery.com/fadeOut/

Answer 2

这样的事情？

var $j = jQuery.noConflict(); 
    $j('#seccG').click(swapWith); 

function swapWith(){ 
    var   tmp = $j(this).html(), 
     claseOrigen = $j(this).attr("class"), 
     claseDestino = $j('#seccA').attr("class"), 
       self = this, 
     elements; 

    //REMOVES THE CLASSES 
    (elements = $j('#seccA,#Main,#content').add(this)) 
     .removeClass(claseOrigen) 
     .fadeOut(function(){ 
      // EXCHANGE CONTENTS 
      $j(self).html($j('#seccA').html()); 
      $j('#seccA').html(tmp); 

      // ASSIGN NEW CLASSES 
      elements.addClass(claseDestino).fadeIn(); 
     }); 
}; 

Answer 3

jQuery UI扩展了标准jQuery动画的功能。有了它，你可以动画到由CSS类指定的属性，而不是在javascirpt中定义值。退房http://jqueryui.com/demos/addClass/

jQuery UI还允许您为动画的颜色属性设置动画。

链接jQuery UI后，您应该可以在动画期间简单地向添加和删除类功能添加第二个属性。

$j(this).addClass(claseDestino,1000);