Как добавить overlay для collapse в bootstrap5?

Question

[Gera11]

Как известно, bootstrap 5 отказались от поддержки jquery и работает на javascript.
Есть collapse блоки, которые открываются или скрываются по нажатию на кнопку. Я же сделал по своему. по нажатию на кнопку, в body добавляется css класс overlay. Хотел сделать чтобы по нажатию за грани collapse блока он скрывался, т .е по нажатию на блок с классом overlay. Но не получается это сделать на js.
Как сделать так чтобы блок collapse скрывался по нажатию на блок с классом overlay ?
bootstrap 5 collapse

Answer 1

[Gera11]

Решил сам, да ещё и на jquery. Кому нужно вот:

$(document).mouseup(function (e){
		var div = $("#collapseExample");
		if (!div.is(e.target)
		    && div.has(e.target).length === 0) {
			if($("#collapseExample").hasClass("show")){
				div.collapse('toggle');
			}
			$('#maine').removeClass('maine');
			$('#srch').removeClass('active');
		}
	});

Comments

[Spartak (Web-StyleStudio)]

Как известно, bootstrap 5 отказались от поддержки jquery и работает на javascript.

Круто, а решение на JQuery))

[Gera11]

Spartak (Web-StyleStudio), Да, на фронту bootstap не использует jq, но движок сайта имел возможность использовать jq, по этому сделал на jq))