JavaScript菜单下拉菜单单击不起作用

JavaScript menu dropdown onClick does not work

本文关键字：不起作用 单击 下拉菜单 菜单 JavaScript      更新时间：2023-09-26

我试图在点击时切换下拉菜单，但JavaScript不适用于此html和css，而适用于其他项目。之前在悬停时启用了下拉菜单，但我删除了…：悬停｛display:block；｝

CodePen-->中的其余代码http://codepen.io/anon/pen/bNbzjM

HTML

 <li id="active"><a href="#">УСЛУГИ</a>
                <div id="block_menu">
                <ul class="pod_nav1">
                    <li><a href="#">SEO Pakalpojumi</a></li>
                </ul>
                <ul class="pod_nav2">
                    <li><a href="#">SEO Pakalpojumi</a></li>
                </ul>
                <ul class="pod_nav3">
                    <li><a href="#">SEO Pakalpojumi</a></li>
                </ul>
                <ul class="pod_nav4">
                    <li><a href="#">SEO Pakalpojumi</a></li>
                </ul>
                </div>
 </li>

JavaScript

    $(document).ready(function () {
        $("li").click(function () {
            $('li > ul ').not($(this).children("ul").toggle()).hide();
        });
    });

CSS

这可能会有所帮助。别忘了包含jquery.js

$("li").on('click',function() {
     $('li > ul ').not($(this).children("ul").toggle()).hide();
 });

查看实时jsFiddle

j-查询

$(document).ready(function () {
    $("li").click(function () {
        $(this).children().children().toggle();
    });
});

问题在代码下面的javascript plz检查中

$(document).ready(function () {
          $("li").click(function () {            $(this).find('#dropmenu').children('ul').toggle('slow');
          });
      });

相关文章：