There's 2 .js dependencies.
- https://code.jquery.com/jquery-2.2.4.min.js (compatibility)
- https://position2.github.io/jQuery-Inline-Popup/dist/jquery-inline-popup.js
Usage:
$(document).ready(function() {
$("#ip-container").inlinePopup({
itemSelector : ".article",
closeinnerelem:"X"
});
});
HTML
<div id="ip-container" >
<div class="article">
<h2>pen element area for click</h2>
<div class="ip-details">
<p>Content goes here. Content goes here. Content goes here. Content goes here. Content goes here. Content goes here. Content goes here. </p>
</div>
</div>
</div>
Learn more here