Как заставить мышь двигаться сверху вниз?

64
9

Html-код

<div id="company-card" class="">
....
</div>

<div id="company-card-main" class="box-shadow" style="display: none;">
....
</div>

Мышь наводится на div "# company-card", нижний "# company-card-main" показывает, когда мышь из "# company-card-main" и company-card-main div исчезла.

Я использую следующий код:

$( "#company-card" ).hover(
function() {
$("#company-card-main").css( "display", "block" );
}, function() {
$("#company-card-main").css( "display", "none" );
}
);

Почему мышь не может перейти от "# company-card" к "# company-card-main" div?

спросил(а) 2021-01-19T13:29:23+03:00 6 месяцев назад
1
Решение
63

Вы должны добавить событие hover для элемента с id company-card-main. Тогда только вы можете достичь требуемого эффекта. Кроме того, вы можете использовать .show() и .hide() для показа и скрытия цели.

Пытаться,

$( "#company-card,#company-card-main").hover(
function() {
$("#company-card-main").show();
}, function() {
$("#company-card-main").hide();
}
);

DEMO

ответил(а) 2021-01-19T13:29:23+03:00 6 месяцев назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема