jQuery子菜单帮助

我需要为我的导航菜单创建一个简单的jQuery下拉框。问题是，我已经尝试了很多可以在网上找到的选项，但出于某种原因，它们要么都不起作用，要么只发挥了一半的功能

这是我的菜单html：

    <div id="menudiv">
    <ul>
        <a href="[[~1]]"><li>Item 1</li></a>
        <a href="[[~7]]"><li>Item 2</li></a>
        <a href="[[~3]]"><li>Item 3
        <div class="submenu">
        <a href="#"><p>subItem 1</p></a>
        <a href="#"><p>subItem 2</p></a>
        </div>
        </li></a>
        <a href="[[~4]]"><li>Item 4</li></a>
        <a href="[[~5]]"><li>Item 5</li></a>
    </ul>
</div>

您的html无效。你需要先把它修好。您只需使用纯css和html即可解决问题：

html

---

代码：

这是错误的标记。您需要

s作为

的直接后代，其中包含您的文本链接，这可能是您尝试的方法不起作用的原因。

<ul>
    <li><a href="#">Menu Item 1</a></li>  
    <li><a href="#">Menu Item 2</a></li>  
    <li><a href="#">Menu Item 3</a></li>  
    <li><a href="#">Menu Item 3</a>
        <ul>
            <a href="#">Sub Menu Item 1</a>
            <a href="#">Sub Menu Item 2</a>    
            <a href="#">Sub Menu Item 3</a>
        </ul>
    </li> 
    <li><a href="#">Menu Item 3</a></li> 
</ul>

ul li { float:left; margin:3px; }
ul li ul { display:none; }
ul li:hover ul { display:block; position: absolute; }