hey folks. bit new to this so would like a little help if possible?
i have downloaded a custom theme and have started making my site, now i didnt select many effects to download because i dont think i need them, was i wrong?....

i have made some tabs which work fine and would now like them to fade the contents between tab selections. for the life of me i cant find any help on how i can do this with UI so can anyone please point me in the correct direction?
Here is my code:

1. <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
   <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
   <script type="text/javascript">
   $(function(){
                   // Tabs
                   $('#tabs').tabs();
      
                   //hover states on the static widgets
                   $('#dialog_link, ul#icons li').hover(
                       function() { $(this).addClass('ui-state-hover'); },
                       function() { $(this).removeClass('ui-state-hover'); }
                   );
                  
               });
   </script>
   
   <div id="tabs">
               <ul>
                   <li><a href="#tabs-1">one</a></li>
                   <li><a href="#tabs-2">two</a></li>
                   <li><a href="#tabs-3">three</a></li>
               </ul>
   
   <div id="tabs-1">Hello1</div>
   <div id="tabs-2">Hello2</div>
   <div id="tabs-3">Hello3</div>
   </div>
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   

any help would be appreciated!

thanks alot
Kris