одинаковые классы js
Добрый день. Есть множество картинок с одним классом crypt_img, при ховере на которые нужно чтобы показался соответствующий ему блок с классом crypt_text, которых тоже имеется несколько, как это реализовывается в js. Видел пару раз, что с помощью val(), eq() и attr(), но знаний очень мало, чтобы реализовать это и написать код
|
<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>
|
| Часовой пояс GMT +3, время: 03:45. |