Basic modal need a simple and easy code, sometimes it’s more appropriate to create your own than a full featured modal or lightbox plugin. This are guide to have an Instant Modal or you can check out the result here ยป
A lightweight and straightforward jQuery modal plugin designed for quick and easy implementation. Perfect for displaying alerts, confirmations, or any custom content without the overhead of complex libraries.
HTML
<div id="question"><h1>Question???</h1></div>
<div class="contactdet">
<div class="contactformfooter">
<div id="close">Close</div>
<h1>ANSWER</h1>
</div>
CSS
#question {cursor:pointer;}
.contactdet{display:none; background:#aaa; width:100%; height:100%;
position:fixed; top:0; z-index:99999;}
.contactformfooter {width:240px; height:240px; position:relative; margin:10% auto 0 auto; padding:20px; border:1px #000 solid; background:#fff;}
.contactformfooter p{padding-bottom:10px; line-height:20px; font-size:12px;}
#close {width:50px; height:50px; position:absolute; right:-25px; top:-25px; cursor:pointer; background:#333; color:#fff;}
jQuery
jQuery( "#question" ).click(function() {
jQuery(".contactdet").show();
});
jQuery( "#close" ).click(function() {
jQuery(".contactdet").hide();
});