Всем здравствуйте. На сайте установлен элементор. Задача сделать появление изображения при наведении мыши на определенное поле. И в обратном порядке - убираешь курсор с поля, изображение исчезает.
Выглядит это примерно так:
Структура вот такая:
"HTML код" в последнем поле записан такой:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
var $ = jQuery
$(document).ready(function(){
$('[data-showme]').hover( function(){
event.preventDefault();
var showme = $(this).attr('data-showme')
$('.all-img').hide()
$('.' + showme).show()
})
})
</script>
Но этот скрипт не работает правильно. При просмотре страницы одна из картинок отображается всегда.
Какой скрипт нужно подставить туда, чтобы все верно работало?
