Помощь в создании многоуровневой кнопки

[RS-SOUND]

Приветствую, обитатели форума. Возникла ситуация, с которой я залез достаточно, чтобы стать посвещенным в основы событий и их обработок, но недостаточно, чтобы отсюда выбраться.

Потребовалось создать кнопку, при наведении на которую, всплывала панель, но при удержании курсора на панели (сейчас там просто контейнер с текстом) она не скрывалась, лишь при уходе курсора.
Но это не срабатывает. Все еще занимаюсь решением проблемы.
Если будет нетрудно, раскритикуйте основные неприятные моменты, хотя я почти ничего и не написал.

Но заранее выражаю благодарность

 

 

index.js

Edited March 8, 2020 by RS-SOUND

[RS-SOUND]

var elem = document.getElementById("sign-in");

document.getElementById("sign-in").addEventListener("mouseover", mouseOver);
document.getElementById("sign-in").addEventListener("mouseout", mouseOut);
function mouseOver() {
  if (event.target ==== elem || elem.contains(event.target) ) {
    document.getElementById("sign-auth").style.display = "block";
  }
}

function mouseOut() {
  setTimeout(function(){document.getElementById("sign-auth").style.display = "none"}, 2000);
}

Пробую так, но кнопка вообще не реагирует

[Switch74]

выкладывайте свой пример на jsfiddle.net
что за кнопка должна быть и какой функционал на ней должен быть