[hotsman]

Всем привет.
Есть такая функция обработки выпадающего списка

Код HTML:

$(document).on('click', '.ivpa_selectbox .ivpa_title', function(event) {
		var el = $(this).closest('.ivpa_select_wrapper_inner');

		if ( el.hasClass('ivpa_selectbox_opened') ) {
			el.removeClass('ivpa_selectbox_opened');
	
		}
		else {
			el.addClass('ivpa_selectbox_opened').queue(function(next){
			});
		}
		
	});

Все работает, но получается что блок показывается и скрывается только по нажатию на .ivpa_selectbox .ivpa_title, а хочется чтобы скрывался при клике на любую область экрана

Добавил такой обработчик

Код HTML:

$(document).mouseup(function (e){ // событие клика по веб-документу
        var div = $('.ivpa_select_wrapper_inner');
        if (!div.is(e.target) // если клик был не по нашему блоку
            && div.has(e.target).length === 0) { // и не по его дочерним элементам
            div.removeClass('ivpa_selectbox_opened'); // скрываем его
        }
    });

но опять же, при клике на любую область экрана блок скрывается, но при нажатии на другой такой же блок с этим же классом .ivpa_select_wrapper_inner, предыдущий не скрывается

увидеть можно тут - https://pobeda-print.com/product/vizitki/

Жду помощи, спасибо

[hotsman]

Кому нужно будет, решение такое:

Код HTML:

$(document).on('click', '.ivpa_selectbox .ivpa_title', function(event) {
    $('#ivpa-content').find('.ivpa_selectbox_opened').removeClass('ivpa_selectbox_opened')
    ...
});