برای بستن منو با jQuery میتوانید از رویدادهای click یا mousedown روی محتویات صفحه استفاده کنید. در مثال زیر، فرض کنید منوی شما یک عنصر div با کلاس menu است:
$(document).on("click", function(event) {
// بررسی اینکه کلیک در داخل منو بوده یا خیر
if (!$(event.target).closest(".menu").length) {
// بستن منو
$(".menu").hide();
}
});
در این مثال، وقتی کاربر بر روی هر قسمتی از صفحه کلیک میکند، با بررسی اینکه آیا کلیک در داخل منو بوده یا خیر، منو بسته میشود. توجه داشته باشید که برای این کار، باید منو شما با استفاده از CSS به طور پیشفرض مخفی شده باشد. میتوانید این کار را با استفاده از display: none یا visibility: hidden انجام دهید.