Применение эффектов к вкладкам jquery-ui

Question

Можно ли применить эффект к вкладке jquery-ui, я не видел никаких примеров этого, и я уверен, что, если это возможно, следующее неверно:

<script type="text/javascript"> 
    $(function() { 
     $("#tabs").tabs(); 
     $("#tabs").effect(slide,options,500,callback); 
    }); 
</script> 

Answer 1

вы можете сделать что-то вроде этого, если вы хотите, чтобы эффект произойдет при изменении тегов using the fx option:

$(function() { 
    $("#tabs").tabs({ fx: { height: 'toggle' } }); 
}); 

замирание + слайд будет выглядеть так:

$(function() { 
    $("#tabs").tabs({ fx: { height: 'toggle', opacity: 'toggle' } }); 
}); 

Это применимо к самим вкладкам, you can take it for a spin here.

Answer 2

$(function() { 
     $("#tabs").tabs({ 
      beforeLoad: function (event, ui) { 
       if (ui.tab.data("loaded")) { 
        event.preventDefault(); 
        return; 
       } 
       ui.ajaxSettings.cache = false, 
       ui.panel.html('<img src="images/loader.gif" width="24" height="24" style="vertical-align:middle;"> Loading...'), 
       ui.jqXHR.success(function() { 
        ui.tab.data("loaded", true); 
       }), 
       ui.jqXHR.error(function() { 
        ui.panel.html(
        "Couldn't load Data. Plz Reload Page or Try Again Later."); 
       }); 
      } 
     }); 
    });