Javascript 如何淡入/淡出带有子菜单的jQuery菜单？_Javascript_Jquery_Css_Xhtml 1.0 Strict

Javascript 如何淡入/淡出带有子菜单的jQuery菜单？

javascript jquery css

Javascript 如何淡入/淡出带有子菜单的jQuery菜单？,javascript,jquery,css,xhtml-1.0-strict,Javascript,Jquery,Css,Xhtml 1.0 Strict,我正在尝试制作一个有很多链接的菜单，每个链接都有自己的子列表，这就是我正在使用的 $（文档）.ready（函数（）{ $（“.users”）.bind（“单击”，函数（）{ $（“#菜单”）.fadeOut（）； $（“#子菜单”）.fadeIn（）； }); }); 试试这样的方法。此外，请确保正确结束嵌套标记 <body> <ul id="products" class="menu"> <li><a href="#">user

我正在尝试制作一个有很多链接的菜单，每个链接都有自己的子列表，这就是我正在使用的

$（文档）.ready（函数（）{
$（“.users”）.bind（“单击”，函数（）{
$（“#菜单”）.fadeOut（）；
$（“#子菜单”）.fadeIn（）；
});
});








试试这样的方法。此外，请确保正确结束嵌套标记
<body>
<ul id="products" class="menu">
<li><a href="#">users</a>
    <ul class="sub_menu'>
        <li><a href="#">user 1</a></li>
        <li><a href="#">user 1</a></li>
        <li><a href="#">user 1</a></li>
    </ul>
</li>
<li><a href="#">product</a>
    <ul class="sub_menu'>
        <li><a href="#">product 1</a></li>
        <li><a href="#">product 1</a></li>
        <li><a href="#">product 1</a></li>
    </ul>
</li>
<li><a href="#">movies</a></li>
<li><a href="#">clips</a></li>
<li><a href="#">teaser</a></li>
<li><a href="#">trailer</a></li>
<li><a href="#">HDMovie</a></li>
</ul>

</body>

老实说，我会使用插件，而不是重新发明轮子。结合它，它应该能够做你需要的一切。
感谢回复朋友们，我已经使用了这个功能，它正在工作。它会淡出我的菜单，也会淡出子菜单中的子菜单，但我希望子菜单2在单击下一个链接时淡出的每个链接都是相同的子菜单
这是我正在做的链接
我只需要为每个链接淡入子菜单。。谢谢；）
 正如bendewey所指出的，您现有的HTML是不正确的。正确的标签顺序为：
。这仍然存在问题，但至少标记已正确嵌套。注意使用实际的列表，而不是换行符。你真的根本不需要标签。我希望我能更多地了解你的子菜单是什么样子。嗨，谢谢你的回复，我已经使用了这个功能。它正在工作。它会淡出我的菜单，也会淡出子菜单中的子菜单，但在我单击下一个链接时，我希望子菜单2淡出的每个链接都是相同的子菜单。。谢谢大家…我只需要每个链接的子菜单淡入。。谢谢；）
$(document).ready(function(){
    $(".menu > li > a").bind("click", function(){
        $('.sub_menu').fadeOut();
        $(this).parent().find('.sub_menu').fadeIn();
    }
})