jScrollPane 选项卡 - 如何使它们淡入/淡出？

Question

我设法使 带有选项卡的垂直 jScrollPane 正常工作。我怎样才能让它淡入/淡出？我尝试向 show() 和 hide() 添加延迟和淡入/淡出，但它要么不起作用，要么显示应该存在的选项卡是。

这是我尝试修改的代码。一切都与 jscrollpane 站点上的代码相同。

        <script type="text/javascript" id="sourcecode"> 
        $(function()
        {
            // Create the "tabs"
            $('.tabs').each(
                function()
                {
                    var currentTab, ul = $(this);
                    $(this).find('a').each(
                        function(i)
                        {
                            var a = $(this).bind(
                                'click',
                                function()
                                {
                                    if (currentTab) {
                                        ul.find('a.active').removeClass('active');
                                        $(currentTab).hide();
                                    }
                                    currentTab = $(this).addClass('active')
                                                    .attr('href');
                                    $(currentTab).show().jScrollPane();
                                    return false;
                                }
                            );
                            $(a.attr('href')).hide();
                        }
                    );
                }
            );
        });
    </script> 

感谢任何形式的帮助。

Answer 1

也许像这样？你想褪色什么？滚动窗格还是选项卡框？

var a = $(this).bind('click',function(){
if (currentTab) {
    ul.find('a.active').removeClass('active');
    $(currentTab).fadeOut("slow");
}
currentTab = $(this).addClass('active').attr('href');
$(currentTab).fadeIn("slow").jScrollPane();
return false;
});

如果你想为滚动条设置动画...:)

var a = $(this).bind('click',function(){
if (currentTab) {
    ul.find('a.active').removeClass('active');
    $(currentTab).fadeOut("slow");
}
currentTab = $(this).addClass('active').attr('href');
$(currentTab).fadeIn("slow").jScrollPane();
$(".jspVerticalBar").css("opacity", "0");
$(".jspVerticalBar").animate({opacity: 1}, 400);
return false;
});