How can I close / dismiss Bootstrap Popover when clicking the popover trigger element?

Question

jsFiddle: http://jsfiddle.net/kAYyR/

Screenshot:

Here\'s what works:

1. Open popover on button click
2. Close popo

Answer 1

I use this:

    $('[data-toggle="popover"]').popover({html: true, container: 'body'});

    $('[data-toggle="popover"]').click(function (e) {
        e.preventDefault();
        $('[data-toggle="popover"]').not(this).popover('hide');
        $(this).popover('toggle');
    });

    $(document).click(function (e) {
        if ($(e.target).parent().find('[data-toggle="popover"]').length > 0) {
            $('[data-toggle="popover"]').popover('hide');
        }
    });