Hide twitter bootstrap popover

Posted by soft genic on Stack Overflow See other posts from Stack Overflow or by soft genic
Published on 2012-12-07T17:02:46Z Indexed on 2012/12/07 17:03 UTC
Read the original article Hit count: 170

Following is my jquery code which i am using to display popover . What i wanna do is when a user click anywhere on the screen or on any <span id="close" class="pover"></span> then it hides the current opened popover and show a new popover on which the user clicks on.

As You can see below span which contains class="pover" are being poped up by the following jquery kindly let me know how can i hide the opened popup and display a new one accordingly

Currently, all the popover are getting displayed on click event.

$(document).ready(function() {
    $('.pover').each(function() {
        //$('#close').popover( "hide" );
        $(this).popover({
            title: $(this).attr('abc'),
            content: $(this).attr('data-content'),
            delay: "show",
            trigger: "click"
        });
    });
});?

© Stack Overflow or respective owner

Related posts about JavaScript

Related posts about jQuery