如何在使用移动slicknav菜单时隐藏桌面菜单

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<link rel="stylesheet" href="path/to/slicknav.css">
<script src="path/to/jquery.slicknav.min.js"></script>

<nav id="desktop-menu">
  <ul>
    <li><a href="#">菜单项1</a></li>
    <li><a href="#">菜单项2</a></li>
    <li><a href="#">菜单项3</a></li>
  </ul>
</nav>

<nav id="mobile-menu">
  <ul>
    <li><a href="#">菜单项1</a></li>
    <li><a href="#">菜单项2</a></li>
    <li><a href="#">菜单项3</a></li>
  </ul>
</nav>

$(document).ready(function(){
  $('#desktop-menu ul').slicknav();
  $('#mobile-menu ul').slicknav();
});

#desktop-menu {
  display: none;
}