Coda Slider：幻灯片面板加上外部的其他部分div

Question

我正在寻找一个简单的解决方案来显示/隐藏/幻灯片（以最简单的方式）我的页面其他地方的外部div，同时我的相应控制面板幻灯片进入视野。所以基本上我试图将一个面板滑动到视图中，同时还将另一个面板在不在同一个容器中的页面向下滑动。

我使用这个脚本，捎带尾声滑块：http://scriptplayground.com/tutorials/js/Customizable-and-Flexible-jQuery-Carousel-Rotator/

我发现，在点击有效的解决方案来显示/隐藏外部div的，但是当该脚本会自动选择一个选项卡出现我的问题 - 我对外部div的点击事件现在已经过时。

Answer 1

你选择

<ul class="toggle_links"> 
    <li><a href="#" rel="tab1">Open Close tab1</li> 
    <li><a href="#" rel="tab2">Open Close tab2</li> 
    <li><a href="#" rel="tab3">Open Close tab3</li> 
    <li><a href="#" rel="tab4">Open Close tab4</li> 
</ul> 

你的div

<div class="tab_containers"> 
    <div id="tab1">This is tab 1</div> 
</div> 

的Javascript：

$(document).ready(function(){ 
    $('.tab_containers div').hide(); //Hide all the containers 

    //Bind the links 
    $('.toggle_links li a').click(function(){ 
     var tabToOpen = $(this).attr('rel'); 
     $(this).addClass('active'); 

     if($('#' + tabToOpen).css('display') != '') 
     { 
      //Its already open. 
      return; 
     } 

     $('.toggle_links div').fadeout(); //hide them all 

     //Open it up! 
     $('#' . tabToOpen).slidein(); 

     //Return false to prevent the links from there default method. 
     return false; 
    }); 
}); 

这是什么意思？