Как сделать, чтобы действие применялось только к элементу, в котором находится кнопка, а не ко всем элементам с этим классом?

Question

[jesus-iscariot]

Делаю боковое меню, в некоторых элементах которого есть саб-меню. Сделал простой скрипт,

$(".left-menu-button").click(function() {
		$(".left-menu-button").toggleClass("btn-active");
		$(".sub-menu").toggleClass("sub-menu-active");
	});

но есть проблема: при нажатии кнопки все элементы открываются, а мне нужно, что бы открывался только тот, внутри которого находится кнопка. Знаю, что можно просто каждому саб-меню присвоить свой id и проводить манипуляции с каждым отдельно, но есть ли другие, более простые и короткие способы?

Comments

[SagePtr]

Да, this

Answer 1

[When you dont want to litter on stackoverflow]

Ответ очень прост - используй this.