Coda Slider: слайд-панель и внешний раздел в другом месте на странице - PullRequest
Новая
       31

Coda Slider: слайд-панель и внешний раздел в другом месте на странице

1 голос
/ 17 августа 2010

Я ищу простое решение для отображения / скрытия / слайда (в зависимости от того, что проще) внешнего элемента div в другом месте на моей странице, в то же время моя соответствующая панель кодов открывается. По сути, я пытаюсь сдвинуть панель в поле зрения и одновременно сдвинуть еще одну панель вниз по странице, которая НЕ находится в том же контейнере.

Я использую этот скрипт, который использует слайдер Coda: http://scriptplayground.com/tutorials/js/Customizable-and-Flexible-jQuery-Carousel-Rotator/

Я нашел решение, которое работает при нажатии, чтобы показать / скрыть внешние элементы div, но моя проблема возникает, когда скрипт автоматически выбирает следующую вкладку - событие my on click для внешних элементов div теперь устарело.

1 Ответ

0 голосов
/ 17 августа 2010

Ваши селекторы 

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

это то, что вы имеете в виду?

...