<button id="btn" data-class="Moscow">Button</button>

<div class="lenta__object" data-item="Moscow">
	<div class="lenta__info">1</div>
</div>
<div class="lenta__object" data-item="Orel">
      <div class="lenta__info">2</div>
    </div>
    <div class="lenta__object" data-item="StPeterburg">
      <div class="lenta__info">3</div>
    </div>
    <div class="lenta__object" data-item="Kaluga">
      <div class="lenta__info">4</div>
    </div>
    <div class="lenta__object" data-item="Moscow">
      <div class="lenta__info">5</div>
    </div>
$('#btn').click(function(e) {
	e.preventDefault();
	
	var btnData = $(this).data('class')

	$('[data-item]').each(function() {
		$(this).css({'opacity':'0.5'})
	})
	
	$('[data-item="'+btnData+'"]').css({'opacity': '1'})
})

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js