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; 
    }); 
}); 

這是什麼意思？