javascript - 私のJquery-Sub-navigationコードに問題があります

Question

Jquery コードに問題があり、その理由がわかりません…</p>

垂直ドロップダウンのあるナビゲーションを構築しようとしています:

メイン ナビゲーションには、機能するロールオーバー イメージ付きのスクリプトが既にあります。また、コンテンツの Ajax 呼び出しについても同じことが言えます…</p>

とにかく、私は自分で書いたコードで試してみました:これは私のJquery-Codeです:

function nav() {
    $('ul li').mouseover(function() {
        $(this).find('#submenu').show();
    });
    $('ul li').mouseleave(function() {
        $('ul li #submenu').hide();
    });
    $('ul li #submenu').mouseleave(function() {
        $('ul li #submenu').hide();
        ;
    });
};

$(document).ready(function() {
    nav();
});

HTML:

<li><a href="#home"><img class="fadeim" src="themes/menu/home=1.png" data-hoverimg="themes/menu/home=2.png"/></a></li>

    <li><a href="#lager"><img class="fadeim" src="themes/menu/lager=1.png" data-hoverimg="themes/menu/lager=2.png" /></a></li>

   <ul class="submenu">
<li><a href="#">Mashable</a></li>
<li><a href="#">CNET</a></li>
</ul>

    <li><a href="#anlaesseN"><img class="fadeim" src="themes/menu/anlaesse=1.png" data-hoverimg="themes/menu/anlaesse=2.png" /></a></li>

      <ul class="submenu">
<li><a href="#">Mashable</a></li>
<li><a href="#">CNET</a></li>
</ul>

    <li><a href="#images"><img class="fadeim" src="themes/menu/foto=1.png" data-hoverimg="themes/menu/foto=2.png" /></a></li>

誰かがこれを解決するのを手伝ってくれませんか? ありがとうございました