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

February 24, 2018 618 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(); 
});
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?

Have another answer? Share your knowledge.