Как заставить убираться класс active при клике не области блока?

Question

[Валерий Витальевич]

При клике на элемент с классом search-link, классу header__search-mobile добавляется класс active. Подскажите как дописать данный код что бы при нажатии на область вне блока класс active удалялся?

<script>
$(function(){
            $('.search-link').click(function(){
                $('.header__search-mobile').toggleClass('active');
            });
        });
</script>

Answer 1

[Игорь]

$(document).mouseup(function (e){  
		var div = $(".close-on");  //класс элемента вне которого клик
		if (!div.is(e.target) && div.has(e.target).length === 0) {  
            div.removeClass('active');  
		}
	});

Comments

[Валерий Витальевич]

Спасибо огромное. Заработало.

[Валерий Витальевич]

А не подскажите как сделать что бы сохранить не только при клике вне области но и при клике на .search-link убирался класс?

[Игорь]

Валерий Витальевич, насколько я понял код который вы
добавляли в описании вопроса должен как добавлять класс active так и удалять его, а тот что я писал удалять при клике вне его. Т.е оставьте то и то и все должно работать)
А вообще лучше добавить код в песочницу (codepin например), что бы посмотреть как что должно работать)

Answer 2

[Владимир]

<script>
$(function(){
            $('.search-link').click(function(){
                $('.header__search-mobile').removeClass('active');
            });
        });
</script>