ToggleEvent: newState property - Web APIs | MDN

Value

A string. Possible values are "open" (the popover is being shown) or "closed" (the popover is being hidden).

Examples

js

const popover = document.getElementById("mypopover");

// …

popover.addEventListener("beforetoggle", (event) => {
  if (event.newState === "open") {
    console.log("Popover is being shown");
  } else {
    console.log("Popover is being hidden");
  }
});

Specifications

Specification
HTML
# dom-toggleevent-newstate

Browser compatibility

See also

Help improve MDN

Learn how to contribute

This page was last modified on by MDN contributors.