Задержка и анимация между переключениями
Здравствуйте! Есть такой фрагмент скрипта, который переключает вперед/назад блоки:
$('.pp_window-next, .pp_window-prev').on('click', function() {
var obj = ($(this).hasClass("pp_window-next")) ? window.find(".pp_window-box:visible + .pp_window-box") : window.find(".pp_window-box:visible").prev(".pp_window-box");
var obj_id = (obj.length > 0) ? obj.attr("id") : (($(this).hasClass("pp_window-next")) ? 'pp_1-box' : window.find(".pp_window-box").last().attr("id"));
var id = obj_id.split("-")[0];
$(".pp_window-box").hide();
$("#" + obj_id).show();
$(".pp_dot").removeClass("pp_dot-selected");
$("#" + id).addClass("pp_dot-selected");
window.css("top", $("#" + id).offset().top + $("#" + id).height());
if($("#" + id)) {
var offset = $("#" + id).offset().top;
$("body,html").animate({scrollTop: offset - topMenuHeight}, 500);
}
});
Переключение в данном варианте идет моментальное.
Скажите, пожалуйста, как можно здесь добавить анимацию и задержку таким образом, чтобы при переключении блок закрывался с анимацией, а открывался с анимацией и заданной по времени задержкой? Как только я не пытался добавить animate и delay, не работает. |