🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

An extremely simple jQuery plugin to create a responsive modal popup for showcasing your featured content.

Modal popup

Documentation

SimplePopup.js

A lightweight responsively-behaving jQuery popup plugin, without all of the extra junk.

All you have to do is give a container element the CSS class of .simplePopup. Then on whatever event you like simply call simplePopup on this element.

$(document).ready(function(){      $('a.show1').click(function(){         $('#pop1').simplePopup();     });     });

You can do this for as many different elements as you like...

$(document).ready(function(){      $('a.show1').click(function(){         $('#pop1').simplePopup();     });       $('a.show2').click(function(){         $('#pop2').simplePopup();     });     });

Options

Below is a listing of options you can set....

Option Value Default Value Description Example
centerPopup Boolean true This setting configures whether the popup is dynamically centered in the viewport when opened centerPopup: false
open Function function() { } Callback function that fires when popup is opened open: function() { console.log("Menu opened"); }
closed Function function() { } Callback function that fires when popup is closed closed: function() { console.log("Menu closed"); }

You May Also Like