Горизонтальное меню с выпадающим списком на CSS, как сделать анимацию выпадающего списка?

Question

[Антон Вебсайтовский]

Всем привет, меню на css, но есть совсем немного js, я пробовал сделать анимацию через js, чтобы плавно список выпадал, пока не вышло, работает только при адаптации, тогда срабатывает анимация при клике на кнопку показать меню.

Скрываю и показываю подменю через display:none; block

Пытаюсь реализовать плавное открытие и сворачивание меню и там же когда нажимаем развернуть подменю где есть плюсик.

Вообщем пытался сделать.

$(".sub > a").click(function (e) {
    e.preventDefault();
    $(this).toggleClass("current").next("ul").toggleClass("current").slideToggle(600);
  });

Не срабатывает.

Рабочий пример меню тут.
jsfiddle.net/vlit/m72w5uob/237