JavaScript菜单下拉列表onClick不起作用

Question

我正在尝试使用下拉菜单切换点击，但JavaScript不适用于此html和css，而它适用于其他项目。在悬停之前启用了下拉菜单，但我删除了...：hover {display：block;}

CodePen中的其余代码 - ＆gt; 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

Answer 1

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

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

 });

Answer 2

查看实时 jsFiddle

j-查询

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

Answer 3

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

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

      });