Сделал себе блок в котором элементы меню появляются по очереди./
Код взял с сайта
https://snipp.ru/jquery/show-turn (раздел "FadeIn – плавное появление").
Сам код:
$('.main-menu').click(function(){
$('.shows div:eq(0)').fadeIn(300, function(){
$(this).next().fadeIn(300, arguments.callee);
});
});
В итоге появление элементов работает отлично, однако не разобрался как сделать изчезновение этих элементов в обратном порядке при клике на тот же блок <div class="main-menu"></div>. Попытался вместо fadeIn написать fadeToggle, но пункты меню также начинают исчезать начиная с первого элемента, а не с последнего, что визуально совсем не то.