HTML <button> popovertargetaction Attribute
Example
When the button is clicked, the popover element will show:
<h1 popover id="myheader">Hello</h1>
<button popovertarget="myheader" popovertargetaction="show">Click me!<button>
Try it Yourself »
Definition and Usage
The popovertargetaction attribute allows you to
define what happens when you click the button.
You can choose between the values "show", "hide", and "toggle".
Hello
If the popovertargetaction attribute is not specified,
the default "toggle" value will be used.
Browser Support
| Attribute | |||||
|---|---|---|---|---|---|
| popovertargetaction | 114 | 114 | Not supported | 17 | 100 |
Syntax
<button popovertarget="element_id popovertargetaction="hide|show|toggle"">
Attribute Values
| Value | Description | |
|---|---|---|
| hide | The popover element is hidden when you click the button | Try it » |
| show | The popover element is showed when you click the button | Try it » |
| toggle | Default value. The popover element is toggled between hidding and showing when you click the button | Try it » |
Related Pages
HTML popover Attribute
HTML Button popovertarget Attribute
