одинаковые классы js

[exosteal]

Добрый день. Есть множество картинок с одним классом crypt_img, при ховере на которые нужно чтобы показался соответствующий ему блок с классом crypt_text, которых тоже имеется несколько, как это реализовывается в js. Видел пару раз, что с помощью val(), eq() и attr(), но знаний очень мало, чтобы реализовать это и написать код

[j0hnik]

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<style>
	.crypt_text{
		display: none;
	}
</style>
<img src="" alt="1" class="crypt_img">
<img src="" alt="2" class="crypt_img">
<img src="" alt="3" class="crypt_img">

<div class="crypt_text">1</div>
<div class="crypt_text">2</div>
<div class="crypt_text">3</div>
<script>
$('.crypt_img').hover(function(){
	$('.crypt_text').hide().eq($(this).index()).show();
}, function() {
    $('.crypt_text').hide();
  });
</script>