jScrollPane標籤 - 如何讓它們淡入淡出？

Question

我設法讓Vertical jScrollPane with tabs工作。我怎樣才能使它淡入淡出？我嘗試添加延遲和淡入/淡出到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; 
});