0

Пытаюсь сделать что бы при наведении на блок показывалась картинка внутри него, таких блоков много, у меня при наведении на 1 блок картинки появляются во всех. Я так понимаю нужно сделать как то через this но у меня не получается

$(document).ready(function() {
    $(".card").mouseenter(function () {
        $(".hover").show();
    });

    $(".card").mouseleave(function () {
        $(".hover").hide();
    });
});
2
  • .card:hover .hover { display: block; } — Строчка CSS вместо всего этого кода) 9 фев 2020 в 14:22
  • спасибо) сработало 9 фев 2020 в 14:25

1 ответ 1

1

    $('.hover').hide();

    $(document).ready(function() {
        $(".card").mouseenter(function () {
            $(this).children('.hover').show();
        });

        $(".card").mouseleave(function () {
            $(this).children('.hover').hide();
        });
    });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="card">Пурум
    <div class="hover">Пум Пум </div></div>
<div class="card">Пурум
    <div class="hover">Пум Пум </div></div>
<div class="card">Пурум
    <div class="hover">Пум Пум </div></div>
<div class="card">Пурум
    <div class="hover">Пум Пум </div></div>

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.