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

[Anonymous]

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

Код: Выделить всё

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();
});
});< /code>



Policy


[url=#]Privacy Policy[/url]
[url=#]Subscription Cancellation[/url]
[url=#]Cookies Policy[/url]
[url=#]Supported Currencies[/url]
[url=#]Acceptable Use Policy[/url]




Connected Account Agreement


[url=#]Dropdown 1[/url]
[url=#]Dropdown 2[/url]
[url=#]Dropdown 3[/url]
[url=#]Dropdown 4[/url]
[url=#]Dropdown 5[/url]




Payments Company Terms


[url=#]Dropdown 1[/url]
[url=#]Dropdown 2[/url]
[url=#]Dropdown 3[/url]
[url=#]Dropdown 4[/url]
[url=#]Dropdown 5[/url]

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