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 »
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(); });