保留父菜单切换Jquery

<ul class="menu">
  <li class="parent">父菜单1
    <ul class="submenu">
      <li>子菜单1</li>
      <li>子菜单2</li>
      <li>子菜单3</li>
    </ul>
  </li>
  <li class="parent">父菜单2
    <ul class="submenu">
      <li>子菜单4</li>
      <li>子菜单5</li>
      <li>子菜单6</li>
    </ul>
  </li>
  <li class="parent">父菜单3
    <ul class="submenu">
      <li>子菜单7</li>
      <li>子菜单8</li>
      <li>子菜单9</li>
    </ul>
  </li>
</ul>

.submenu {
  display: none;
}

$(document).ready(function() {
  $('.parent').hover(
    function() {
      $(this).find('.submenu').slideDown();
    },
    function() {
      $(this).find('.submenu').slideUp();
    }
  );
});