Некорректно работает код меню

$(document).ready(function() {
  $(".menu-item").click(function() {
    $(".menu-item .sub-menu").slideToggle("slow");
    return false;
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<li id="menu-item-71" class="menu-item menu-item-active has-child"><a href="#" aria-current="page">Главная</a>
  <ul class="sub-menu" style="display: none;">
    <li id="menu-item-102" class="menu-item"><a href="#
    ">Мой аккаунт</a></li>
  </ul>
</li>