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

$('.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(); // скрываем его
		}
	});