Popover - Click and Pin Example

by bizamajig

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<a href="#" id="btn2" class="btn btn-lg btn-danger" data-toggle="popover" title="" data-content="And here's some amazing content. It's very engaging. right?" data-original-title="A Title">Click to toggle popover</a>

JavaScript

var $btn2 = $('#btn2');

$btn2.popover({trigger: 'hover'})
        .one('click', function() {
            $btn2.popover('destroy')
                .popover({ trigger: 'click'})
                .popover('show');alert('here');
        });