JavaScript菜單下拉菜單onClick不起作用

Question

我正在嘗試使下拉菜單在單擊時切換，但是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

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'); }); });