JavaScript 菜单下拉 onClick 不起作用 [英] JavaScript menu dropdown onClick does not work

问题描述

我试图在单击时切换下拉菜单，但 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 class="pod_nav2"><li><a href="#">SEO Pakalpojumi</a></li><ul class="pod_nav3"><li><a href="#">SEO Pakalpojumi</a></li><ul class="pod_nav4"><li><a href="#">SEO Pakalpojumi</a></li>

JavaScript

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

CSS

解决方案

View Live jsFiddle

j- 查询

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

I am trying to make the drop down menu toggle on click but the JavaScript does not work with this html and css, while it works in other projects. The drop down enabled on hover before but I deleted ...: hover {display: block;}

Rest of the code in 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

解决方案

View Live jsFiddle

j- Query

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

这篇关于JavaScript 菜单下拉 onClick 不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！