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

Question

[Дима Паутов]

Добрый день.
Никак не пойму, почему не удаляется класс, при клике вне активного блока. Пример. Набросал простой пример, показывающий суть.

Если я тыкаю на другой такой же блок, то у активного не удаляется класс. Но если кликну вне всех блоков, то класс у активного удаляется.

Answer 1

[Arman]

Так вы сами проверяете чтоб это не было блоком .dataBlock
!$('.dataBlock').is(event.target)

Что именно не так работает? Нужно чтоб удалялся в любом случаи, куда бы не кликнули вне формы?

Comments

[Дима Паутов]

Кликнули кнопку редактировать, поле показалось. Кликнул вне активного блока, активные закрылись.

[Дима Паутов]

Ты натолкнул меня на мысль. Теперь работает https://jsfiddle.net/f7akh1pn/1/

Answer 2

[Mi7teR]

$('.butEdit').on('click', function(){

	$(this)
		.parents('.dataBlock')
    .addClass('edit');

});

Добавьте строчку
$('.dataBlock').removeClass('edit');
чтобы выглядело так:

$('.butEdit').on('click', function(){

	$('.dataBlock').removeClass('edit');
	$(this)
		.parents('.dataBlock')
    .addClass('edit');

});

https://jsfiddle.net/f7akh1pn/

Comments

[Дима Паутов]

Этого мало. Мне нужно, что бы вообще вне активного блока. Вот тут у меня ступор