Bootstrap .popover() 'show' & 'destroy' not working properly

Question

When I use the bootstrap popover in \'manual\' mode \'destroy\' and \'hide\' not working properly. When I\'m using hide and destroy, popover opacity changing to 0 but its not ch

Answer 1

My temporary solution look like this:

I'm using:

$('.popover').remove();

to remove popovers

and

$('body').on('click' , '[rel="popover"]' , function(e){
    e.stopPropagation();

    var i = $(this);
    var thisPopover = $('.popoverClose').filter('[data-info-id="' +i.data('info-id')+ '"]').closest('.popover');        
    if( thisPopover.is(':visible') ){
        $('.popover').remove();
    }
    else{
        $(this).popover('show');
    }
});

to toggle popovers