JavaScript menu dropdown onClick does not work

Question

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

Bhaskor Jyoti Sarmah · Accepted Answer · 2014-11-11 11:06:23Z

1

may be this will help. don't forget to include jquery.js

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

 });

answered Nov 11, 2014 at 11:06

Bhaskor Jyoti Sarmah

1262 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2020-06-20 09:12:55Z

0

View Live `jsFiddle`

j- Query

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

edited Jun 20, 2020 at 9:12

CommunityBot

11 silver badge

answered Nov 11, 2014 at 11:09

Jaykumar Patel

27.7k12 gold badges79 silver badges76 bronze badges

1 Comment

Jaykumar Patel Over a year ago

jquery method to archive this easily. Drop-down menu number of different way to create but in your code no need to modification it's ok.

jithender · Accepted Answer · 2014-11-11 11:51:56Z

0

issue is in javascript plz check below code

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

      });

answered Nov 11, 2014 at 11:51

jithender

602 bronze badges

Collectives™ on Stack Overflow

JavaScript menu dropdown onClick does not work

3 Answers 3

Comments

View Live `jsFiddle`

j- Query

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

View Live jsFiddle

j- Query

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related

View Live `jsFiddle`