@Jussss92

Как сделать появление сначала фона а потом элементов jqury?

У меня есть меню.
<div class="side-nav__head> Меню </div>
    <div class="side-nav__body>
                            <a href="#" class=" side-nav__body-link">Ссылка </a>
                            <a href="#" class= side-nav__body-link">Ссылка </a>
                            <a href="#" class="side-nav__body-link">Ссылка  </a>
                            <a href="#" class="side-nav__body-link">Ссылка </a>
                            <a href="#" class="side-nav__body-link">Ссылка </a>
                            <a href="#" class="side-nav__body-link ">Ссылка </a>
                            <a href="#" class="side-nav__body-link ">Ссылка </a>
                            <a href="#" class="side-nav__body-link ">Ссылка </a>
                        </div>


Мне надо, чтобы сначала появился фон(к примеру за секунду) а потом появлялись ссылки.
Но анимация работает увы некорректно

$('.side-nav__head').onclick = function (e) {
		e.preventDefault();

$('.side-nav__body').fadeToggle(50)
		$('.side-nav__body a:eq(0)').fadeToggle(200, function(){
			$(this).next().fadeToggle(200, arguments.callee);
		});
  • Вопрос задан
  • 61 просмотр
Пригласить эксперта
Ответы на вопрос 2
DanArst
@DanArst
Э, Ойboy!
Вы можете легко сделать это с помощью wow.js
Ответ написан
archelon
@archelon
https://api.jquery.com/delay/
$('.side-nav__body').fadeToggle(1000)
$('.side-nav__body a:eq(0)').delay(1000).fadeToggle(200, function(){
  $(this).next().fadeToggle(200, arguments.callee);
});

или setTimeout
setTimeout(
  $('.side-nav__body a:eq(0)').fadeToggle(200, function(){
    $(this).next().fadeToggle(200, arguments.callee);
  }), 
1000);
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы