Есть меню вот такой структуры
<nav>
<ul class="tom_menu">
<li><a href="#">Детские</a>
<ul class="menu_level2">
<li><a href="#">Игра 1</a></li>
<li><a href="#">Игра 2</a></li>
<li><a href="#">Игра 3</a></li>
</ul>
</li>
<li><a href="#">Лучшие</a></li>
<li><a href="#">Новые</a></li>
<li><a href="#">Мои игры</a></li>
</ul>
</nav>
При клике на меню первого уровня нужно плавно раскрывать меню второго уровня и так же плавно скрывать при повторном клике и клике на другую ссылку меню первого уровня
Пробовал добавлять класс при клике(например .active) и у него например дисплей блок. Но тогда блок выстреливает и показывается быстро, а нужно плавно раскрыть и скрыть
