无法使用.on（）方法来滑动儿童

Question

当我点击鼠标或将鼠标悬停在其上时，我希望我的UL的直接孩子能够滑动。我没有收到任何错误，但是当我点击或悬停在它上面时它没有做任何事情。这样，DIV可以打开和关闭，显示该类别中的所有链接。

脚本：

$("#LinksSet1, #LinksSet2").on('click mouseenter mouseleave', '> div', slideToggle()); 

HTML：

<ul id="LinksSet1">Microsoft
  <div>
    <li><a href="http://www.Microsoft.com">Microsoft Search</a></li>
    <li><a href="#">Microsoft Images</a></li>
    <li><a href="#">Microsoft Maps</a></li>
    <li><a href="#">Microsoft Mail</a></li>
  </div>
</ul>
<ul id="LinksSet2">Microsoft
  <div>
    <li><a href="http://www.Microsoft.com">Microsoft Search</a></li>
    <li><a href="#">Microsoft Images</a></li>
    <li><a href="#">Microsoft Maps</a></li>
    <li><a href="#">Microsoft Mail</a></li>
  </div>
</ul>