Coda Slider：滑动面板加上页面其他地方的外部 div答案

【问题标题】：Coda Slider: Slide panel plus an external div elsewhere on pageCoda Slider：滑动面板加上页面其他地方的外部 div
【发布时间】：2010-08-17 13:55:07
【问题描述】：

我正在寻找一种简单的解决方案来显示/隐藏/滑动（以最简单的方式）我页面上其他位置的外部 div，同时相应的尾端面板滑入视图。因此，基本上我试图将一个面板滑动到视图中，同时还将另一个面板向下滑动到不在同一个容器中的页面上。

我正在使用这个脚本来搭载尾声滑块：http://scriptplayground.com/tutorials/js/Customizable-and-Flexible-jQuery-Carousel-Rotator/

我找到了一个可以点击显示/隐藏外部 div 的解决方案，但是当脚本自动选择下一个选项卡时会出现问题 - 我的外部 div 的点击事件现在已过时。

【问题讨论】：

标签： jquery ajax slider coda

【解决方案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 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;
    });
});

这是你的意思吗？

【讨论】：

不完全——我说的是在调用我的 coda 面板后让另一个 div 与我的 coda 滑块面板区域完全分开以滑入/淡入/等。它只是一个外部 div，通过点击和我正在使用的基于我提供的 url 的自动显示功能进行。