How to collapse a menu when clicking on a menu item?

Question

JavaScript

Hello!

$(".toggle-menu").click(function() {
    $(this).toggleClass("on");
    $(this).parent().next().find(".hidden-menu").slideToggle();
    return false;
  });

Unsure of correctness. It turned out like this:

$(".toggle-menu").click(function() {
    $(this).toggleClass("on");
    $(this).parent().next().find(".hidden-menu").slideToggle();
    return false;
  });

  $(".hidden-menu ul li a").click(function() {
    $(".toggle-menu").removeClass("on");
    $(".hidden-menu").hide();
    return false;
  });

Answer 1

Maybe put the button and menu on the wrapper and only use toggleClass() on the wrapper.