У меня есть меню.
<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);
});