jQuery Dropdown закрывается при наведении курсора на div - PullRequest
Новая
       4

jQuery Dropdown закрывается при наведении курсора на div

0 голосов
/ 25 марта 2020

Я сделал выпадение из двух разных div. Один триггер и одно подменю. Если мышь перемещается от триггера к подменю, подменю закрывается. Как я могу держать его открытым даже тогда, когда мышь переключается между двумя div?

Также я не могу переместить контейнер подменю внутри выпадающего триггера. Они должны быть двумя отдельными div. 

$('.dropdown-trigger,.submenu-container').hover(
  function(){$('.submenu-container').css('display', 'block')},
  function(){$('.submenu-container').css('display', 'none')},
);

Заранее большое спасибо!

1 Ответ

0 голосов
/ 25 марта 2020

Вам может не понадобиться jquery. Вы можете сделать по css. Подобным образом вы можете сделать в jquery

.dropdown {
  max-width: 200px;
  list-style: none;
  padding: 10px;
  position: relative;
}
.item {
  display: none;
  padding: 10px 20px;
  border: 1px solid #000;
}
.item.default {
  display: flex;
  justify-content: space-between;
}
.dropdown:hover .item {
  display: block;
}
.dropdown:hover .item.default {
  display: flex;
}
<ul class="dropdown">
      <li class="item default">Select <span>V</span></li>
      <li class="item">1</li>
      <li class="item">1</li>
      <li class="item">1</li>
      <li class="item">1</li>
    </ul>
...