Slide Effects For Tabs

I'm trying to make a slide effect between tabs. Here is the jQuery code: $(document).ready(function(){ $('#tabs').tabs(); }); $(document).click(function() { $( '#tabs' ).eff

Solution 1:

Try this ..

  $(document).ready(function(){
   $('#tabs').tabs();

   $("#tabs").click(function() {
         $(this).effect( "slide", "medium" );
     });
 });

--- Or for tab anchor click :

 $(document).ready(function(){
    $('#tabs').tabs();

   $("#tabs a").click(function() {
        $('#tabs').effect( "slide", "medium" );
   });
 });

Solution 2:

 $(document).ready(function(){
     $('#tabs').click(function(){
       $(this).tabs();
     });
 });