Держите класс Show, как это, когда я нажимаю в другом месте на экране ⇐ Javascript

[Anonymous]

Я использую Bootstrap 4, и моя HTML -структура настроена правильно. Я также добавил JavaScript, чтобы предотвратить удаление класса .show, но он не работает, как и ожидалось. Я хочу, чтобы класс .show сохранялся даже после нажатия в любом месте на экране. Однако в настоящее время всякий раз, когда я нажимаю на улицу, класс .show удаляется автоматически. Как я могу предотвратить такое поведение? Я говорю о выпадении выпадающего законодательного шоу в этом классе шоу.


Policy


Privacy Policy
Subscription Cancellation
Cookies Policy
Supported Currencies
Acceptable Use Policy




Connected Account Agreement


Dropdown 1
Dropdown 2
Dropdown 3
Dropdown 4
Dropdown 5




Payments Company Terms


Dropdown 1
Dropdown 2
Dropdown 3
Dropdown 4
Dropdown 5



JS -

jQuery(document).ready(function () {
// Open the first dropdown on page load
jQuery(".legal-doc-dropdown:first .dropdown-menu").addClass("show");
jQuery(".legal-doc-dropdown:first").addClass("show");

// Click event for dropdowns
jQuery(".dropdown-toggle").click(function (event) {
event.stopPropagation(); // Prevent event bubbling

var $thisDropdown = jQuery(this).next(".dropdown-menu");
var $thisParent = jQuery(this).closest(".legal-doc-dropdown");

// Check if the clicked dropdown is already open
var isOpen = $thisParent.hasClass("show");

// Close all dropdowns
jQuery(".dropdown-menu").removeClass("show");
jQuery(".legal-doc-dropdown").removeClass("show");

// If it was not open, then open it
if (!isOpen) {
$thisDropdown.addClass("show");
$thisParent.addClass("show");
}
});

// Prevent dropdown from closing when clicking inside it
jQuery(".dropdown-menu").click(function (event) {
event.stopPropagation();
});
});


Подробнее здесь: https://stackoverflow.com/questions/794 ... the-screen