Как анимировать выпадающее меню, если я добавляю класс?

Question

[Nick Bukovskiy]

(function($){
   $('.icon').on('click', function() {
      $('.menu').toggleClass('menu-open');
   });
})(jQuery);

Такой скрипт. С помощью добавления класса "menu-open" я по щелчку вывожу выпадающее меню. Есть ли какой то способ анимировать это появление? (сейчас никаких эффектов нет, просто появляется меня)

Answer 1

[Eugene Budnik]

держи ;)
https://jsfiddle.net/83oddLw7/1/

Answer 2

[Илья Герасимов]

visible: hidden;
opacity: 0;
transition: all .3s ease;

&.menu-open {
	visible: visible;
	opacity: 1;
}