Как реализовать плавный переход LightTabs (jquery)?

Question

[v3trov]

Ребят привет! В скриптинге не силен, вообще полный ноль. Имеется вот такой код, хотелось бы увидеть более плавный переход между табами. Подскажите что нужно для этого дописать? Надеюсь на вашу помощь. P.S. Первый раз тут зарегистрировался :)

(function($){				
    jQuery.fn.lightTabs = function(options){
        
        var createTabs = function(){
            tabs = this;
            i = 0;
            
            showPage = function(i){
                $(tabs).children("div").children("div").hide();
                $(tabs).children("div").children("div").eq(i).show();
                $(tabs).children("ul").children("li").removeClass("active");
                $(tabs).children("ul").children("li").eq(i).addClass("active");
            }
            
            showPage(0);				
            
            $(tabs).children("ul").children("li").each(function(index, element){
                $(element).attr("data-page", i);
                i++;                        
            });
            
            $(tabs).children("ul").children("li").click(function(){
                showPage(parseInt($(this).attr("data-page")));
            });				
        };		
        return this.each(createTabs);
    };	
})(jQuery);
$(document).ready(function(){
    $(".tabs").lightTabs();
});

Answer 1

[Сергей Миллер]

$(tabs).children("div").children("div").eq(i).show();

заменить на

$(tabs).children("div").children("div").eq(i).fadeIn(600); //где 600 - скорость перехода в миллисекундах, 1 секунда = 1000 миллисекунд