Целью моего проекта было создание слайд-шоу изображений с раскрывающимся списком в верхней части каждого из них, используя только .animate. Тем не менее, это работает только на первом слайде, на остальных они, кажется, не работают вообще. Каждый слайд - это div, а внутри него - панель div #.
var $panel = $('#panel');
var $up = $("#up");
var $down = $("#down");
// up arrow
$up.click(function () {
$panel.animate({
top: '-180px',
}, 500);
$(this).fadeOut(250);
$down.fadeIn(250);
return false;
});
// down arrow
$down.click(function () {
$panel.animate({
top: '0',
}, 500);
$(this).fadeOut(250);
$up.fadeIn(250);
return false;
});
Ох и код цикла:
$('#base').cycle({
fx:'scrollHorz',
prev: '#prev',
next: '#next',
timeout: 0,
});