JQuery не воспринимает класс?

Question

[Дмитрий]

Собсна, вот здесь код
Почему при клике на класс arrow не срабатывает код?
Если же этот класс сделать выше родителей (one,two,three), то все работает как нужно.
Объясните пожалуйста этот момент)

Answer 1

[Михаил]

Прочитайте про всплытие событий.
В вашем случае, если я правильно понял логику работы кода, нужно написать так:

$('.arrow').click(function(e) {
    e.stopPropagation();
		$('.two').css({"transform":"translateX(105%)"});
		$('.one').css({"transform":"translateY(-95%)"});
		$('.three').css({"transform":"translateY(95%)"});
	});

Comments

[Дмитрий]

Спасибо большое)