HTMLElement: hidePopover() method

The HTMLElement.hidePopover() method opens an element that has a valid popover attribute.

When hidePopover() is called on an element with the popover attribute that is currently open, then a beforetoggle non-cancelable event will be fired, followed by the popover closing, and a toggle event will be fired. If the element is already closed, then nothing will happen.

hidePopover()

<button onmouseover="myFunction()">Hover Menu</button>
<div id="myPopover">Popover</div>

// On mouse-over, execute myFunction
function myFunction() {
  document.getElementById("myPopover").hidePopover();
}