Есть простенький код смены содержимого
div:
$(document).ready(function() {
$('.slider-block1').eq(0).addClass('active').fadeIn(1000);
setInterval('sliderBlock1();', 5000);
});
function sliderBlock1() {
var length = $('.slider-block1').length - 1;
$('.slider-block1').each(function(index) {
if($(this).hasClass('active') && index != length) {
$(this).removeClass('active').fadeOut(1000).next('.slider-block1').addClass('active').delay(1000).fadeIn(1000);
return false;
} else if (index == length) {
$(this).removeClass('active').fadeOut(1000);
$('.slider-block1').eq(0).addClass('active').delay(1000).fadeIn(1000);
return false;
}
});
};
сейчас один
div просто сменяется другим, а хотелось бы добавить небольшую анимацию, что бы
div уходил вниз, а на смену него сверху появлялся другой
div, как это можно сделать?