В общем есть такой код, целью которого является плавно показать один див и спрятать другой
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>
Внимание вопрос. Каким образом нужно переделать скрипт, чтобы можно было перелистывать из самих блоков?
Ну т.е. чтобы можно было перейти только на соседний блок.
Если сильно не затруднит, хотелось бы пример.
Да, еще хотел бы организовать перелистывание, т.е. текущий блок уплывает влево, а на его месте возникает или приплывает справа следующий.