jQuery addClass example

Change class name on click in jQuery

HTML

<ul>
<li><span data-open-block="investments">Инвестиции</span></li>
<li><span data-open-block="deposits">Вклады</span></li>
<li><span data-open-block="awards">Награды</span></li>
</ul>

<div class="content is-active" data-content="investments">
  Инвестиции
</div>
<div class="content" data-content="deposits">
  Вклады
</div>
<div class="content" data-content="awards">
  Награды
</div>

CSS

.content {
  display: none;
}

.content.is-active {
  display: block;
}

JavaScript

$('[data-open-block').on('click', function() {
	const activeCls = 'is-active';
  
	$('[data-content]').removeClass(activeCls);
  $(`[data-content="${$(this).data('open-block')}"`).addClass(activeCls);
});