можешь воспользоваться задержкой пере выполнением слекдущих событий
$().delay()
http://jquery.page2page.ru/index.php5/ЭффектыВыполняет анимацию, которая была создана пользователем.
.queue()
Предоставляет/изменяет (в зависимости от параметров) очередь функций.
.clearQueue()
Очищает очередь функций.
.dequeue()
Начинает выполнение следующей функции в очереди.
.stop()
Останавливает выполнение текущей анимации.
.delay()
Приостанавливает выполнение следующих анимаций на заданное время.
.toggle()
Поочередно выполняет вызов одной из нескольких заданных функций.
jQuery.fx.interval
Содержит временной промежуток между кадрами анимации.
jQuery.fx.off
Отменяет выполнение всех анимаций.
вот мой код в jQuery:
$(function () {
var btnR = $('.content__btnR'); //Это кнопка которая сдвигает слайдер влево
var btnL = $('.content__btnL'); //это кнопка которая сдвигает слайдер вправо
На буквы R и L в конце btn означают расположение кнопок на экране, то есть btnR - Кнопка справа
btnR.click(function() {
$('.content-text__slides').stop().fadeOut(0); // вот строка, которая скрывает текст
$('.content-text__slides').css({ // тут он сдвигается
left: '-900px',
transition: 'left .5s'
}); // end css str 6
$('.content-text__slides').stop().fadeIn(1500); // тут появляется
}); // но проблема в том, что fadeOut и css срабатывают одновременно. Текст не успевает исчезнуть, как уже идёт перемещение каретки влево.
btnL.click(function() {
$('.content-text__slides').stop().fadeOut(0);
$('.content-text__slides').css({
left: '0px'
}); // end css str 6
$('.content-text__slides').stop().fadeIn(1500);
});
}); // end func str 1