Показать сообщение отдельно
  #1 (permalink)  
Старый 24.10.2014, 15:37
Интересующийся
Отправить личное сообщение для misterX_ Посмотреть профиль Найти все сообщения от misterX_
 
Регистрация: 24.10.2014
Сообщений: 20

Плавный переход между блоками
В общем есть такой код, целью которого является плавно показать один див и спрятать другой
var links = $('.part a');

links.click(function(){
    var indx = $(this).index();
    var blocks = $(this).siblings('div');
    blocks.animate({
        opacity: 0
    }).eq(indx).animate({
        opacity: 1
    });
});


.blockA {
    position: absolute;
    width: 980px;
    height: 600px;
    line-height: 150px;
    text-align: center;
    color: #FFF;
    opacity: 1;
}

.blockB {
    position: absolute;
    width: 980px;
    height: 600px;
    line-height: 150px;
    text-align: center;
    color: #FFF;
    opacity: 0;
}

.blockA {
    background: #060;
}
.blockB {
    background: #036;
}
.showA , .showB {
    display: inline-block;
    padding: 10px;
}
.part {
    float: left;
    margin-right: 50px;
}
.active {
    margin: 0;
    z-index: 10;
}

<div class="part">
    <a href="#" class="showA">Блок А</a><a href="#" class="showB">Блок Б</a>
    <div class="blockA">Блок А</div>
    <div class="blockB">Блок Б</div>
</div>


Внимание вопрос. Каким образом нужно переделать скрипт, чтобы можно было перелистывать из самих блоков?
Ну т.е. чтобы можно было перейти только на соседний блок.

Если сильно не затруднит, хотелось бы пример.

Да, еще хотел бы организовать перелистывание, т.е. текущий блок уплывает влево, а на его месте возникает или приплывает справа следующий.
Ответить с цитированием