JSFiddle - React, Tailwind, and code Playground

HTML

<div align="center"><a class="waves-effect pink darken-4 waves-light btn modal-trigger" href="#modal_achiev" data-target=".achiev_ssv">Достижения</a></div>
<div align="center"><a class="waves-effect pink darken-4 waves-light btn modal-trigger" href="#modal_achiev" data-target=".achiev_ktn">Достижения</a></div>

<!-- Modal Structure -->
<div id="modal_achiev" class="modal modal-fixed-footer">
    <div class="modal-content">
        <h4>Достижения</h4>
        <div class="row">
            <div id="achiev">
                <div class="achiev_ssv">Текст</div>
                <div class="achiev_ktn">Текст2</div>
            </div>
        </div>
    </div>
    <div class="modal-footer"><a class="modal-action modal-close waves-effect waves-gray btn-flat">Закрыть</a></div>
</div>

JavaScript

$(function(){
		$('a[href="#modal_achiev"][data-target]').click(function(){
			$('#achiev [class*="achiev"]').hide().filter($(this).data('target')).show();
		});
	});