Question

can you explain your code(Dropdown)?How is it work?

Posted February 24, 2018 1.3k views
JavaScript
$("html").click(function() {
    $(".dropdown").hide();
});

// Any nav item that is not an only child...
$("nav ul li a:not(:only-child)").click(function(e) {
    // will be toggled.
    $(this).siblings(".dropdown").toggle();

    // Opening a new dropdown will collapse any other dropdown.
    $(".dropdown").not($(this).siblings()).hide();

    e.stopPropagation(); 
});
edited by asb

These answers are provided by our Community. If you find them useful, show some love by clicking the heart. If you run into issues leave a comment, or add your own answer to help others.

1 answer

$(.dropdown;)... is targeting an element in your DOM with a class of .dropdown

example:
<div class="dropdown"></div>

  • $(“.dropdown”).not($(this).siblings()).hide();
    ok
    but why put not here

    and this part e.stopPropagation();
    what does it do in this code?

Submit an Answer