Jquery 通过悬停子对象停止旋转

我想悬停菜单，这样我就可以停止旋转，这是圆，菜单的父菜单，但我不知道如何使它工作。我正在使用动画将圆作为父对象设置动画，这样子对象将全部跟随旋转。我使用旋转，这样孩子就不会被错误地旋转

我有这个

<div id="circle"
  style="margin-left:430px;margin-top:60px;width:450px;height:450px;
  border-radius:15%;position:absolute;z-index:1;
  -webkit-animation: spin 6s linear infinite reverse;">
      <a href="#" class="menu"
      style="margin-left:15px;margin-top:20px;background-color:#91c8e5;">
        <p>Java</p>
      </a>
      <a href="#" class="menu"
      style="margin-left:285px;margin-top:20px;background-color:#c3f797;">
        <p>C++</p>
      </a>
      <a href="#" class="menu"
      style="margin-left:15px;margin-top:290px; background-color:#a09cea;">
        <p>Python</p>   
      </a>
      <a href="#" class="menu"
      style="margin-left:285px;margin-top:290px; background-color:#fff368;">
        <p>PHP</p>  
      </a>
  </div>

这部分似乎不起作用

$(".menu").hover(function(){
        $("#circle").stop(true);
    });

---

谢谢你的帮助

动画css在哪里？

$(".menu").hover(function(){
        $("#circle").stop(true);
    });