Как на jQuery добавить класс к нажатой кнопке а у остальных его убрать?

Question

[Капитан Какао]

Есть 3 блока которое расположены один по верх другого.
И 3 кнопки.

Как сделать, что бы нажимая, к примеру на кнопку "кнопка 2"к ней добавлялся класс "active", а так же ко второму блоку тоже добавлялся класс "active".
В общем нужно что бы при клике на определённую кнопку, отображался соответствующий блок.
Структура: https://jsfiddle.net/uvzrkfyc/1/

Comments

[MaximMRX]

https://jsfiddle.net/uvzrkfyc/5/
Вот то что нужно.

Answer 1

[MaximMRX]

https://jsfiddle.net/uvzrkfyc/5/

Comments

[Капитан Какао]

Кнопки работают, а вот сам контент не переключается.

[MaximMRX]

Rad Cor: https://jsfiddle.net/uvzrkfyc/5/
Вот пример лёгкий

[Капитан Какао]

Максим Студитских: благодарю.

Answer 2

[Иван]

Вторая ссылка гугла (первая про нативный JQuery UI Tabs): https://codepen.io/cssjockey/pen/jGzuK

Comments

[Капитан Какао]

Спасибо, то что нужно!)

Answer 3

[leni_m]

$(кнопка).on('click', function(){
    $(this).addClass('active'); // добавляем класс кнопке
    $(блок).addClass('active') // добавляем класс блоку 
    $(что-то).removeClass('active'); // убираем класс
});