1

対応するコーダパネルがビューにスライドすると同時に、ページの他の場所にある外部 div を表示/非表示/スライド (最も簡単な方) する簡単なソリューションを探しています。したがって、基本的に、同じコンテナーにないページ上で別のパネルをさらに下にスライドさせながら、パネルをビューにスライドさせようとしています。

コーダスライダーをピギーバックするこのスクリプトを使用しています：http://scriptplayground.com/tutorials/js/Customizable-and-Flexible-jQuery-Carousel-Rotator/

クリックして外部 div を表示/非表示にするソリューションを見つけましたが、スクリプトが自動的に次のタブを選択すると問題が発生します。外部 div のクリック イベントは廃止されました。

4

1 に答える 1

0

あなたのセレクター

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

これはあなたが意味するものですか？

于 2010-08-17T14:06:33.183 に答える