ドロップダウンメニュー（jQuery）初級

前提・実現したいこと

ドロップダウンメニューの作成

ここに質問の内容を詳しく書いてください。
（例）PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

hoverしてもドロップダウンしない

該当のソースコード

html
     <ul id="navi">
        <li><a href="#">Menu1</a>
          <ul>
            <li><a href="#">Menu1a</a></li>
            <li><a href="#">Menu1b</a></li>
            <li><a href="#">Menu1c</a></li>
          </ul>
        </li>
        <li><a href="#">Menu2</a>
          <ul>
            <li><a href="#">Menu2a</a></li>
            <li><a href="#">Menu2b</a></li>
            <li><a href="#">Menu2c</a></li>
          </ul>
        </li>
        <li><a href="#">Menu3</a>
          <ul>
            <li><a href="#">Menu3a</a></li>
            <li><a href="#">Menu3b</a></li>
            <li><a href="#">Menu3c</a></li>
          </ul>
        </li>
        <li><a href="#">Menu4</a>
          <ul>
            <li><a href="#">Menu4a</a></li>
            <li><a href="#">Menu4b</a></li>
            <li><a href="#">Menu4c</a></li>
          </ul>
        </li>
      </ul>
    


script.js
ソースコード
$(function(){
    $("#navi").children("li").hover(function(){   
      $(this).children("ul").stop().slideToggle(100);  
   });
});

### 補足情報（FW/ツールのバージョンなど）
file:///C:/Users/ryoma/Pictures/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A3333.PNG

行動規範の内容に同意します

回答1件

何を望むのかいまひとつわからないのですが、
閉じられているリストの大項目の一つに目薄オーバーすると、下の選択肢が出るようにしたいのであれば、

html
1<script src="https://code.jquery.com/jquery-3.0.0.min.js"></script>
2<script>
3$(function(){
4  $("#navi").children("li").children("ul").slideUp()
5  $("#navi").children("li").hover(function(){   
6$(this).children("ul").stop().slideToggle(300);  
7});
8}); 
9</script>```
10という具合ですかね。