Javascript 如何将fadeIn和fadeOut添加到idTabs插件'；什么是JS片段？

我正在使用jQuery插件idTabs[[www.sunsean.com/idTabs][1]]，它允许我通过元素#id和元素href=“#id”来排列选项卡和选项卡的内容

好的，我用这个片段：

<script type="text/javascript">
$(document).ready(function() {
 $("#requestPool").idTabs();
 $(".tabs").idTabs();
 $(".miniTabs").idTabs(".active"); 
 $(".switchers").idTabs(".activePanel");
});
</script>

---

非常感谢（同样，选项卡工作得很好，但是没有我想要的淡入淡出效果）。

我已经检查了您提到的页面，在高级部分->动画中有一个解决方案。我对它做了一些修改并进行了测试，它看起来很好：

在

中：

$（函数（）{
$（“.miniTabs”）.idTabs（函数（id，list，set）{
$（“a”，set）.removeClass（“active”）.filter（“a[href=”“+id+”]”）addClass（“active”）；
对于（列表中的i）$（列表[i]）.hide（）；
$（id.fadeIn（）；
返回false；
}); 
});

在

中：

今天
明天
星期五
星期六
星期日

干杯

G

<div id="requestPool">
 <!-- The tabs heads -->
 <div class="miniTabs">
  <a href="#today" class="active">Today</a> <!-- First active tab -->
  <a href="#tomorrow">Tomorrow</a>
  <a href="#friday">Friday</a>
  <a href="#saturday">Saturday</a>
  <a href="#sunday">Sunday</a>
  <a href="#monday">Monday</a>
  <a href="#tuesday">Tuesday</a>                                  
 </div>

 <!-- The tabs contents (the ones that I want them to fade in and out while browsing through them using the tabs above) -->
 <div id="today"class="miniTab"></div>
 <div id="tomorrow"class="miniTab"></div>
 <div id="friday"class="miniTab"></div>
 <div id="saturday"class="miniTab"></div>
 <div id="sunday"class="miniTab"></div>
 ...etc the week days
</div>

<script type="text/javascript">
$(function(){
    $(".miniTabs").idTabs(function(id,list,set){ 
        $("a",set).removeClass("active").filter("a[href='"+id+"']").addClass("active"); 
        for(i in list)$(list[i]).hide();
        $(id).fadeIn(); 
        return false; 
    }); 
});
</script>

<div id="requestPool">
 <div class="miniTabs">
  <a href="#today" class="active">Today</a>
  <a href="#tomorrow">Tomorrow</a>
  <a href="#friday">Friday</a>
  <a href="#saturday">Saturday</a>
  <a href="#sunday">Sunday</a>
 </div>
 <div id="today"class="miniTab">Today</div>
 <div id="tomorrow"class="miniTab">Tomorrow</div>
 <div id="friday"class="miniTab">Friday</div>
 <div id="saturday"class="miniTab">Saturday</div>
 <div id="sunday"class="miniTab">Sunday</div>
</div>