Bootstrap 5 Popovers hide() Method

Bootstrap 5 Popovers hide() Method hides the popover for an element. It will return the value to the caller before the popover actually gets hidden. This will be considered as the manual triggering of the popover.

Syntax:

popover-element.hide();

Example 1: The code example below demonstrates how we can use the hide() method in popovers using JavaScript. Here, the popovers are placed at the top and left.

Output:

Example 2: The code example below demonstrates how we can use the hide() method in popovers using JQuery, here the popovers are placed at the right and bottom. In JQuery we cannot create an instance of the popover so we are using the show() method here to kickstart the popover.

Output:

Reference:https://getbootstrap.com/docs/5.0/components/popovers/#hide