Boostrap Clickover feature

added contentSelector option

by scruffles

HTML

<link rel="stylesheet" href="http://www.leecarmichael.com/bootstrapx-clickover/assets/css/bootstrap.css">
<script src="http://www.leecarmichael.com/bootstrapx-clickover/assets/js/bootstrap.js"></script>
<script src="https://raw.github.com/scruffles/bootstrapx-clickover/master/js/bootstrapx-clickover.js"></script>
<button class="btn" id="button1">Click for popup</button>
<div id="popupConent">
    This is the content of the popup 
    <button class="btn" id="button2">Click for Alert</button>
</div>

CSS

#button1 {
    margin-left: 100px;
    margin-top: 100px;
}

JavaScript

$('#button1').clickover({
    contentSelector: '#popupConent'
});

$('#button2').click(function() {
    window.alert('hello');
});