Add effects to jQuery UI's "tab" function

You need to use hide and show properties to define animations:

$('#product-tabs').tabs({ hide: 'fadeOut', show: 'fadeIn' });

Source:
http://jsfiddle.net/U287r/
+ Extra effects:
Add fading background effects to each tab