Почему jquery не видит изменения в разметке?

$('.more_credits_first').click(function () { 
	var button = $(this) 
	var show = $(button).data('show'); 
	console.log(show) 
 
	if (show == 'show') { 
		$.get(window.location.pathname,{}).done(function(data){ 
			$('.tbody.main_credits').append(data.template); 
			$(button).attr('data-show', 'hide'); 
			$(button).text('Скрыть'); 
		}) 
	}	else { 
		$(this).attr('data-show', 'show'); 
		$(this).text('Ещё кредиты'); 
	} 
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<button class='more_credits_first' type="button" data-show='show'>Кнопка</button>