Show one popover at a time and hide other popovers

Show one popover at a time

We have implemented popovers on a web page by using webuipopover jquery pluign. When use clicked the first popover after that he wanted to click another popover without closing the first popover at that time both the popovers will open.

To overcome this issue we have to use following script.

Script:


$('.triggerpopover').webuiPopover();
$('.triggerpopover').on('click', function (e) {
  $('.triggerpopover').not(this).webuiPopover('hide');
});

You may also like

Leave a Reply

Your email address will not be published. Required fields are marked *