Как добавить/удалить класс блоку при клике за его пределами?

Question

[L1nw0od]

Здравствуйте, подскажите пожалуйста.
Есть пример. В конце вместо div.hide(), хочу удалять/добавлять div`у класс.

$('.button').click(function(){
        // скрываем все блоки
		$('.button_div').css("display","none"); 
		// убираем активный класс для продукта
		$(".product-one").removeClass("product-active")
		// Показываем блок у данного продукта
		$(this).parent(".product-one").children('.button_div').css("display","block");
		// Данному продукта добавляем класс
		$(this).parent(".product-one").addClass("product-active");
	});
	
	$(document).mouseup(function (e){ // событие клика по веб-документу
		var div = $('.button_div'); // тут указываем класс элемента
		if (!div.is(e.target) // если клик был не по нашему блоку
			&& div.has(e.target).length === 0) { // и не по его дочерним элементам
			div.hide(); // скрываем его
		}
	});

Comments

[one_day]

ответ в вопросе (в комментариях кода)

Answer 1

[inkShio]

Как тебе и сказали ответ и в вопросе и в комментариях кода.

div.hide(); // скрываем его - УДАЛИТЬ
добавить вместо этого
div.removeClass('DEL_BADCLASS').addClass('ADD_SUPERCLASS');